Question

JS 怎么给<li>标签添加width样式

<div id="imageMenu">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
我想给没个li标签添加一个宽度，用js怎么实现
宽度是一样的

Answer 1

比如如下的li结构，要想给每个li都加一个固定的width：
<div id="imageMenu">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
js实现：

var li=document.getElementsByTagName("li");//取得所有的li元素
for(var i=0;i<l.length;i++){ //循环对每一个li进行width处理
li[i].style.width="100px";//利用内嵌样式增加width
}

Answer 2

<div id="imageMenu">
<ul>
<li style="border:solid 1px red;">1</li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script language="javascript">
function changeWidth() {
var d = document.getElementById("imageMenu").getElementsByTagName("li");
for(var i=0;i<d.length;i++)
{
d[i].style.width="100px";
}
}
changeWidth();
</script>

Answer 3

var l=document.getElementsByTagName("li");
for(var i=0;i<l.length;i++){
l[i].style.width="100px";
}

Answer 4

使用CSS：
ul li{
width:80px;
}

Answer 5

楼上2个都可以，看你个人喜欢