JS教程:childNodes与parentNode
作者 佚名技术
来源 网页制作
浏览
发布时间 2012-03-06
lListChild = ulList.childNodes;
for (var i=0; i<ulListChild.length; i+=1) {
ulListChild[i].onmouseover = function() {
this.style.border = "1px solid #ccc;";
}
}
})();
//-->
</script>
当然这段代码的效果并不好,我只是想说明的是,childNodes是获取到的是id为abc的ul下的第一级li,我们以鼠标移到li上,鼠标加上边框的时候可以看出,当我们鼠标移到li下ul下的li时,并没有加上边框。下面我们可以用另外一串代码来查看效果: <ul id="abc"> <li id="ccc"><ul> <li id="ddd">aaa</li> <li>aa</li> <li>dd</li> <li>dd</li> <li>dd</li> </ul></li> <li>das</li> <li>dadf</li> <li>dsaf</li> <li>sdafu <ul> <li>adfsaf</li> <li>sdaf</li> <li>sdaf</li> <li>asdf</li> <li>sfa</li> </ul> </li> <li>aa</li> </ul> <script type="text/javascript"> <!-- (function() { var ulList = document.getElementById("abc"); var |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: JS教程:匿名函数下一篇: SWFObject:JS代码嵌入Flash媒体资源
关于JS教程:childNodes与parentNode的所有评论