如何获取div的宽度

div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：

<div id="banner" style="width:100%">

js获取banner的宽度：documentgetElementById("banner")offsetWidth

li标签不支持直接设置宽度值。html中li填不满ul宽度是由于li标签不支持直接设置宽度值导致的，可以使用嵌套div，用div去做背景铺满需要的位置。html是世界通用的标记语言，也是一种计算机语言，浏览器能把它翻译并展现出来，用于描述一个网页的信息。

您好，感谢您对火狐的支持

参考代码：

<div>

<ul>

<li style="padding:8px;border:1px solid #000">XXXXXXXXX</li>

</ul>

</div>

在此情况下，li会根据里面的内容自动调节大小。

您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

1、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

2、然后在script标签中写入js，首先用getElementsByTagName获取所有li标签的dom元素，任何使用for循环遍历数组中的元素，for循环内部设置每个li标签的index元素，在给每个元素添加点击事件，点击之后就会d出li标签的index值出来。

3、最后打开浏览器，点击其中的一个标签，就会d出对应的li标签数值了。

<script type="text/javascript" src="js/jqjs"></script>

<script type="text/javascript">

$(function(){

var UlWidth=$("ulnav")width();//得到ul宽度

var LiLen=$("ulnav li")length;//得到li的个数

$("ulnav li")css({width:UlWidth/LiLen})

});

</script>

<ul class="nav">

    <li><a href="#">第1个LI</a></li>

    <li><a href="#">第2个LI</a></li>

    <li><a href="#">第3个LI</a></li>

    <li><a href="#">第4个LI</a></li>

    <li><a href="#">第5个LI</a></li>

</ul>

用js来控制

以上就是关于如何获取div的宽度全部的内容，包括:如何获取div的宽度、html中li填不满ul宽度、在火狐下怎么给li设置固定宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！