JSDOM获取子节点的一些方法

Posted 2020-10-10

一般情况获取子节点，通过找到查找父节点的ID或者class类名，来获取父节点，再通过children属性，得到子节点的数组；

之前在另外一篇随笔中说过，如果使用另一个属性childNode,会把注释、空文本、非空文本、标签都当做子节点，所以不要使用childNode属性。

var father = document.getElementById("ID名")；

或 father = document.getElementsByClassName("class类名")[0]；

注意：通过类名获取的节点是数组，需要加上下标，才能找到父节点。除了通过ID获取的节点是一个单个元素，其他获取方法得到的都是数组。

var child = father.children

这里获取的子节点也是数组，取出需要加下标。比如需要第一个子元素；

var firstchild = child[0];

 

另外也可以通过标签直接获取子节点，假设子节点都是li标签；

var child = father.getElementByTagName("li");

这里获取的子节点也是数组，取出需要加下标。比如需要取出第一个子元素；

var firstchild = child[0];