js控制li的样式,多应用于网站栏目导航默选项

来源:互联网 发布:清朗网络海报 编辑:程序博客网 时间:2024/05/22 20:28
在网站栏目设计中,不免会遇到点击某个栏目,让某个栏目有选中的效果,当然选中的样式还需要自己来完成,下面是提取出来的相关内容,在运用的时候可作为参考

网站部分:

<ul id="divname">
<li>aaa</li><li>bbb</li><li>ccc</li>
</ul>

JS代码部分:

var d=document.getElementById("divname").getElementsByTagName("li");
d[0].style.width="100px";//第一个li
d[3].className="dh3";//第三个li
0 0