会输出什么：
不对呀？！！！不应该是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一样）
考究问题
