js獲取父子節點元素

1、通過父節點獲取:
(1)parentObj.childNodes:獲取已知節點的子節點數組,然後可以通過循環或者索引找到需要的節點。
注意:經測試發現,在IE7上獲取的是直接子節點的數組,而在Firefox2.0.0.11上獲取的是所有子節點即包括子節點的子節點。
(2)parentObj.children:獲取已知節點的直接子節點數組。
注意:經測試,在IE7上,和childNodes效果一樣,而Firefox2.0.0.11不支持。這也是爲什麼我要使用和其他方法不同樣式的原因。因此不建議使用。
(3)parentObj.firstChild:如果節點爲已知節點(parentObj)的第一個子節點就可以使用這個方法。這個屬性是可以遞歸使用的,也就是支持parentObj.firstChild.firstChild.firstChild...的形式,如此就可以獲得更深層次的節點。
(4)parentObj.lastChild:很顯然,這個屬性是獲取已知節點(parentObj)的最後一個子節點。與firstChild一樣,它也可以遞歸使用。
在使用中,如果我們把二者結合起來,那麼將會達到更加令人興奮的效果,即:parentObj.firstChild.lastChild.lastChild...

2、通過臨近節點獲取:
(1)neighbourNode.previousSibling:獲取已知節點(neighbourNode)的前一個節點,這個屬性和前面的firstChild、lastChild一樣都似乎可以遞歸使用的。
(2)neighbourNode.nextSibling:獲取已知節點(neighbourNode)的下一個節點,同樣支持遞歸。

3、通過子節點獲取:
(1)childNode.parentNode:獲取已知節點的父節點

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章