div的子节点数为：7
第1个节点;---#text--- javascript ---3
第2个节点;---P---null---1
第3个节点;---#text--- ---3
第4个节点;---DIV---null---1
第5个节点;---#text--- ---3
第6个节点;---H5---null---1
第7个节点;---#text--- ---3

为什么5和7没有值呢？

var div1 = document.getElementsByTagName('div')[0]

    for (let i of div1.childNodes) {

        document.write(i.nodeType)

    }

输出3131313

javascript

javascript

jQuery

PHP

第1个节点名称是：#text
第1个节点的值是：undefined
第1个节点的类型是：undefined
第2个节点名称是：P
第2个节点的值是：undefined
第2个节点的类型是：undefined
第3个节点名称是：#text
第3个节点的值是：undefined
第3个节点的类型是：undefined
第4个节点名称是：DIV
第4个节点的值是：undefined
第4个节点的类型是：undefined
第5个节点名称是：#text
第5个节点的值是：undefined
第5个节点的类型是：undefined
第6个节点名称是：H5
第6个节点的值是：undefined
第6个节点的类型是：undefined
第7个节点名称是：#text
第7个节点的值是：undefined
第7个节点的类型是：undefined

节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，

哪位大神能解答一下为什么会有这么多吗

javascript

javascript

jQuery

PHP

7
第0个元素的节点名称为#text
第0个元素的节点的值为 javascript
第0个元素的节点的类型为3
第1个元素的节点名称为P
第1个元素的节点的值为null
第1个元素的节点的类型为1
第2个元素的节点名称为#text
第2个元素的节点的值为
第2个元素的节点的类型为3
第3个元素的节点名称为DIV
第3个元素的节点的值为null
第3个元素的节点的类型为1
第4个元素的节点名称为#text
第4个元素的节点的值为
第4个元素的节点的类型为3
第5个元素的节点名称为H5
第5个元素的节点的值为null
第5个元素的节点的类型为1
第6个元素的节点名称为#text
第6个元素的节点的值为
第6个元素的节点的类型为3

div子节点个数：7
节点类型：#text3 javascript
节点类型：P1null
节点类型：#text3
节点类型：DIV1null
节点类型：#text3
节点类型：H51null
节点类型：#text3