children获取孙节点

children获取孙节点

在这次的项目里，我在用JS克隆标签出现了一个问题，children[i].children控制面板能看到被赋值，结果HTML打印不出来

多方查询资料，也没有找到解决方法。最后，仔细研究了JS里children这个方法，我找到了问题的所在。孙节点中只有一个元素，但是，children这个方法是获取一个DOM所有子元素的集合，就算只有一个元素，children获取的也是一个集合。很多人在看到孙元素只有一个的时候会下意识的忽略children是一个集合。

在子节点后面加上数组序号children[i].children[0]，就能实现孙节点获取。

注意，children和childNode方法都是获取子节点，但他们有所区别，children会自动获取所有节点，包括文本和注释；children只返回元素节点，返回元素节点的方法还有。querySelectorAll，可以返回指定类名（选择的必须是class属性）的所有节点。