注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

关于childNodes和children区别  

2014-05-10 01:20:22|  分类: Javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
在Dom操作中,有时候,我们只想取得子元素节点,而不是null文本或者文本节点。
这时候,是使用children而不是使用childNodes。
写一个例子测试不同浏览器下的状况:

<!DOCTYPE html>
<html>
<head>
</head>

<script>
window.onload = function(){
var ul = document.getElementById("test");
console.dir(ul.childNodes);
console.dir(ul.children);
}
</script>

<body>
<ul id="test">
<li>XXXX</li>
<li>LLLL</li>
<li>KKKK</li>
</ul>
</body>
</html>

Chrome34
关于childNodes和children区别 - 星期五 - 星期五
 
FireFox28
关于childNodes和children区别 - 星期五 - 星期五

 IE10
关于childNodes和children区别 - 星期五 - 星期五
 
IE8
关于childNodes和children区别 - 星期五 - 星期五
 
总结,现代浏览器这两个是有区别的,IE8及IE8以下,结果一样。
其他对应的API

       firstChild,firstElementChild

  lastChils,lastElementChild

  nextSibling,nextElementSibling

  previousSibling,previousElementSibling

  评论这张
 
阅读(151)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017