黑色图片的是代码,白色的图片是结果。为什么节点类型是3和null???
注意概念!建议仔细看一遍上一节对childNodes的讲解,现代浏览器会把换行、空格、注释都视作childNodes。
代码中第一个子节点其实可以看作是<div id="con">后面的因换行产生的空文本,浏览器把这看作空文本节点,所以值是空字符,节点类型是文本节点。
而你代码中最后一个子节点是H5,是因为你的代码中的<h5>标签没有闭合......
就算你闭合了标签,结果也应该是一个空白节点,因为最后一个子节点和第一个子节点一样也是一个因换行产生的空文本。
上两张图:
后面的</h5>少了个斜杠