JS教程:childNodes与parentNode
作者 佚名技术
来源 网页制作
浏览
发布时间 2012-03-06
ulListChild = ulList.childNodes;
alert(ulListChild.length);
for (var i=0; i<ulListChild.length; i+=1) {
for (var j=0; j<ulListChild[i].childNodes.length; j+=1 ) {
for (var k=0; k<ulListChild[i].childNodes[j].childNodes.length; k+=1) {
ulListChild[i].childNodes[j].childNodes[k].onmouseover = function() {
this.style.border = "1px solid #ccc;";
}
}
}
}
})();
//-->
</script>
我的写法就已经相当复杂了,因为我也是菜鸟,我也是初学者,只是想说明一个事情而以。 我们可以看到一个代码块中是ID为abc的子元素,而第二个代码块却是第一级li下面的li加上了边框。 我们在来看看他们的关系,也就是parentNode方法。请查看效果: <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&g |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: JS教程:匿名函数下一篇: SWFObject:JS代码嵌入Flash媒体资源
关于JS教程:childNodes与parentNode的所有评论