为什么获取Element的childNodes结点时找不到span？

Question

在学习ELement结点的childNodes的方法时测试一下代码控制台输出结果却是#textSPAN#textA#textDIV#textPDIV#textP#textSCRIPT为什么找不到嵌套的span标签呢？开头的span标签明明可以被检测到啊？若是说孙子结点不能被检测到，那么为什么span嵌套的div却能被列举出来呢？

Answer 1

1. childNodes只能返回子代节点

2. span是内联元素，内联元素是不能嵌套块级元素的，你强行嵌套的结果是这样的：

1. div变成p的兄弟节点，所以返回到的结果就如题中所示

2. 嵌套规则：

• 块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。

• 块级元素不能放在p里面。

• 有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt

• li内可以包含div

• 块级元素与块级元素并列、内联元素与内联元素并列。