childNodes的兼容性问题

最新推荐文章于 2020-09-06 17:57:45 发布

weixin_33963189

最新推荐文章于 2020-09-06 17:57:45 发布

阅读量155

点赞数

原文链接：http://www.cnblogs.com/gongshunkai/p/5839175.html

版权

元素.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

转载于:https://www.cnblogs.com/gongshunkai/p/5839175.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33963189

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
childNodes的兼容性问题

元素.childNodes：只读属性子节点列表集合标准浏览器下：包含文本和元素类型节点，也会包含非法嵌套的子节点非标准浏览器下：只包含元素类型节点，ie7下不会包含非法嵌套的子节点childNodes只包含一级子节点，不包含后辈孙级节点我们来看例子：<!DOCTYPE HTML><html><head><met...
复制链接

扫一扫