一般情况获取子节点,通过找到查找父节点的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];