一般情況獲取子節點,通過找到查找父節點的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];