码迷,mamicode.com
首页 > 其他好文 > 详细

childNodes的兼容性问题

时间:2016-09-04 14:27:16      阅读:813      评论:0      收藏:0      [点我收藏+]

标签:

元素.childNodes:只读 属性 子节点列表集合

标准浏览器下:包含文本和元素类型节点,也会包含非法嵌套的子节点

非标准浏览器下:只包含元素类型节点,ie7下不会包含非法嵌套的子节点

childNodes只包含一级子节点,不包含后辈孙级节点

 

我们来看例子:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
    <ul id="u1">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <p></p>
    </ul>
</div>
<script>


var dom = document.getElementById(u1);
alert(dom.childNodes.length);
</script>
</body>
</html>

ie9以上:

技术分享

ie8:

技术分享

ie7:

技术分享

 

由此可见childNodes的兼容性问题比较大,所以在工作中推荐使用children

childNodes的兼容性问题

标签:

原文地址:http://www.cnblogs.com/gongshunkai/p/5839175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!