JavaScript操作DOM元素的childNodes和children区别

前端之家收集整理的这篇文章主要介绍了JavaScript操作DOM元素的childNodes和children区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

对于DOM元素,children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode,而childNodes包括tag之间隐形存在的TextNode对象。

具体看一下针对children和childNodes在chrome环境下的测试:

<Meta charset="UTF-8"> Insert title here

测试结果如下:

div1.childNodes运行结果:
undefined
SPAN
undefined

上面childNodes集合的结果中有两个undefined节点,这连个就是nodeType=3的TextNode。

如果把HTML代码写成如下样式,那么children和childNodes的结果就没有差别了。

对document、head、body及div等HTML元素实测未发现有其他差异

原文链接:https://www.f2er.com/js/55021.html

猜你在找的JavaScript相关文章