1.獲取節點的方式:
1)通過頂層獲取節點:
document.getElementById("");通過id獲取節點的屬性值。備注:如果包含多個相同ID的節點,只返回第一個節點
document.getElementsByName("");返回一組相同name元素的數組。然后通過判斷屬性來確定是否為需要的節點,以radio,CheckBox為例,通過判斷check的屬性是否為TRUE;
document.getElementsByTagName();通過標簽名來獲取數據,返回的一組相同標簽的節點;
2)通過父節點獲取:
obj.firstChild;已知節點的第一個子節點;同時可以遞歸使用 obj.firstchild.firstchild.firstchild....
obj.lastChild;已知節點的最后一個節點;同時可以遞歸使用 obj.lastChild.lastChild.lastChild.....
以上兩種方式可以交替使用 obj.firstChild.lastChild.firstChild...
obj.childNodes:獲取已知節點的子節點數組。通過循環索引獲取所需的節點。
parentobj.children:獲取已知節點的直接子節點數組。
parentObj.getElementsByTagName():獲取已知節點的指定類型的所有子節點的數組;
3)通過臨近節點查詢:
neighbourNode.previousSibling:獲取已知節點的前一個節點;可以迭代使用,可以和firstchild,lastChild 混合使用。
neighbourNode.nextSilbling:獲取已知節點的下一個節點;可以迭代使用,也可以和firstchild,lastchild混合使用。
3)通過子節點獲取:
childNode.parentNode;通過已知節點獲取父節點。
注:document方式獲取:從全局查找; document對象是window對象的一部分;