html5 - dom #text是啥意思？有图

Question

展开是一堆东西，里面只有两个dom元素，为啥返回的数组有五个元素？

Answer 1

除早期的IE浏览器外，DOM元素节点的childNodes属性均会将子元素之间的空白看做是文本节点。(顺便一提DOM常用三节点: 元素节点，属性节点，文本节点，#text正是文本节点的name值)。
若想达到楼主预期的方法，可将childNodes属性替换为children，或者去掉元素间的空格。

Answer 2

是shadow DOM？