简单区分querySelectorAll和children以及childNodse[2021.11.17]

长话短说，像querySelectorAll、getElementsByClassName、getElementsByTagName这种他们获取的是元素集合，是为数组，并且是静态的，也就是不会实时更新。

而children和childNodse获取的是节点集合，并且会实时更新，这就是children和childNodse与querySelectorAll的区别。

现在再来说一下children和childNodse的区别，虽然都是获取的节点集合，但是hildNodse太实诚了，它不但给你元素节点还附赠文本节点，children就不会获取文本节点，只有元素节点。想要把文本节点筛选出来，可以通过 nodeType ,nodeType==3是像空格这样的文本节点，nodeType==1是元素节点。