H5 querySelector 后传二__实时性

会输出什么：

不对呀？！！！不应该是2 和 3 吗？

这里的childNodes 搞的鬼，它会把空白节点也算进去。
所以我们用children

这个不是我们的重点，重点是这个：

我们新加了querySelectorAll 语句来获取子节点的个数，结果是：

queryselectorAll 获取的节点居然没有变化。所以这里印证了我们的标题实时性，结果已经很明确了，就不用我多说什么了。

用getElementsByTagName举例和id是一样的。

但是发现了一些其他的问题，有待考究

里边length：4
360

FF

Ie9

浏览器嗯……很深奥……

结束语：
querySelectorAll 与 jQuery 的使用区别；
NodeLlist 与 HTMLCollection 两个对象；
proto 与 prototype 的区别；
:scope 、 :context 伪类；
childNodes、nodeType、children；
getElementById与querySelectorAll 的实时性区别。（getElementByTagName与ById一样）
考究问题