日期:2014-05-16  浏览次数:20454 次

Javascript中.length问题
css:
#nav{width:760px;height:30px;margin:0 auto;}
Javascript:
<script language="javascript">
var nav=document.getElementById("nav").getElementsByTagName("li");
for(i=0;i<nav.length;i++){
nav[i].onmouseover=function(){
this.style.fontWeight="bold";
this.style.overflow="visible";
this.style.background="#666666";
}
nav[i].onmouseout=function(){
this.style.fontWeight="normal";
this.style.background="#999999"
this.style.overflow="hidden";
}
}
</script>
代码:
<div id="nav">
<ul>
<li>
<a href="#">添加</a>
<div id="subNav">
<a href="#">日志</a>&nbsp;&nbsp;
<a href="#">分类</a>&nbsp;&nbsp;
</div>
</li>
</ul>
</div>
</div>
上面代码中的nav.length是什么意思?

------解决方案--------------------
var nav=document.getElementById("nav").getElementsByTagName("li");
指这里查出了多少个Li
------解决方案--------------------
ID为NAV的元素下LI的个数
------解决方案--------------------
document.getElementById("nav").getElementsByTagName("li");
nav元素下所有的li元素的个数

http://www.w3school.com.cn/htmldom/met_doc_getelementsbytagname.asp