JavaScript操作DOM元素的childNodes和children区别_javascript技巧
程序员文章站
2022-04-21 10:06:06
...
对于DOM元素,children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode,而childNodes包括tag之间隐形存在的TextNode对象。
具体看一下针对children和childNodes在chrome环境下的测试:
Insert title here
测试结果如下:
div1.children运行结果: SPAN div1.childNodes运行结果: undefined SPAN undefined
上面childNodes集合的结果中有两个undefined节点,这连个就是nodeType=3的TextNode。
如果把HTML代码写成如下样式,那么children和childNodes的结果就没有差别了。
对document、head、body及div等HTML元素实测未发现有其他差异
推荐阅读
-
解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧
-
解析dom中的children对象数组元素firstChild,lastChild的使用_javascript技巧
-
js querySelector和getElementById通过id获取元素的区别_javascript技巧
-
js querySelector和getElementById通过id获取元素的区别_javascript技巧
-
js和jquery对dom节点的操作(创建/追加)_javascript技巧
-
childNodes.length与children.length的区别_javascript技巧
-
js和jquery对dom节点的操作(创建/追加)_javascript技巧
-
JavaScript操作select元素和option的实例代码_javascript技巧
-
JavaScript操作DOM元素的childNodes和children区别_javascript技巧
-
childNodes.length与children.length的区别_javascript技巧