childnodes与children详解

例:<div id="parentDiv">

</br>

</div>

childnodes：

var testDiv = document.getElementById("parentDiv").childNodes;

alert(testDiv.length);

在ie浏览器中将会弹出5分别为span,我爱，br，span，js

在非ie中则会弹出7前后两行空格加上ie中的5个元素

children:

var testDiv = document.getElementById("parentDiv").children;

alert(testDiv.length);

ie和非ie中弹出的都是3分别为span，br，span，显然children中只包括了元素节点而不包括文本节点

通过上面的例子相信大家对这两者以及不同浏览器中的区别以及一目了然

项目经验：掌握这些细节在项目的开发过程中能够为您解决不少莫名奇妙的问题

childnodes与children详解相关推荐

React.Children 详解
React.Children 详解 React.Children提供了处理 this.props.children 的 API,this.props.children 支持任何数据(组件.字符串.函数 ...
react 遍历对象_React 源码系列 | React Children 详解
本文基于 React V16.8.6,本文代码地址测试代码源码讲解 React 中一个元素可能有 0 个.1 个或者多个直接子元素,React 导出的 Children 中包含 5 个处理子元素的 ...
React 源码系列 | React Context 详解
目前来看 Context 是一个非常强大但是很多时候不会直接使用的 api.大多数项目不会直接使用 createContext 然后向下面传递数据,而是采用第三方库(react-redux). 想想项 ...
javascript中parentNode,childNodes,children的应用详解
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: <div id="parent" ...
java item.getparentnode(),javascript中parentNode,childNodes,children的应用详解
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: My text 在上面的代码中, 你看到把"爹 ...
js中childNodes易错点、详解定义以及用法
js中childNodes易错点.详解定义以及用法最近学习的时候,我遇到了childNodes的一些问题,我查阅了一些资料,总结一下其定义及用法.在学习childNodes之前,我们需要先了解一下D ...
JS详解 | 对象事件节点 | 系统性学习 | 无知的我费曼笔记
无知的我正在复盘js- 文章目录 JavaScript 1 常用命令输出语句转换为字符串得到变量类型 1 获取元素对象 1.1 H5新增获取元素对象 1.2 直接获取特殊元素对象 2 事件三要素 ...
XML格式文件详解及Java解析XML文件内容方法
XML格式文件详解 1.概述 XML,即可扩展标记语言,XML是互联网数据传输的重要工具,它可以跨越互联网任何的平台,不受编程语言和操作系统的限制,可以说它是一个拥有互联网最高级别通行证的数据携带者. ...
openstack页面自定义插件使用详解（django、ajax、post）（zTree为例）
2019独角兽企业重金招聘Python工程师标准>>> 感谢朋友支持本博客,欢迎共同探讨交流,由于能力和时间有限,错误之处在所难免,欢迎指正! 如有转载,请保留源作者博客信息. Be ...

childnodes与children详解

childnodes与children详解相关推荐

最新文章

热门文章