children和childNodes的区别

在我写东西的过程中用到了childNodes,当我用这个childNodes来获取我想要的ul下的li集合时，总是会报错；于是我试着把它打印出来看看它里面装的是什么，原本是应该得到的是ul下的四个li，但是当我打印的时候，发现它得到了一个长度为9的数组; 于是我发现用childrenNodes来获取时它会把父节点下的空格也当做一个文本键获取到。
如图：


于是我尝试使用children来获取到我想要的li集合；它成功获取到ul下的li集合。


我们此时可以发现children它返回的只是HTML元素节点，并不包含其他文本节点或属性节点；而childrenNodes返回的是节点的子节点集合，包括元素节点、文本节点还有属性节点。