無論是在html裡或xml檔案裡．都存在著子元素與兄弟元素的概念．那麼我們如何使用dom正確的操作這些元素．首先，我們必須正確的理解什麼是子元素．比如我們在網頁裡寫了乙個span標籤． 並且在span裡寫入文字內容：＂歡迎光臨web圈＂，那麼這個文字內容就是span的子元素．相同，如果span被某個div所包含．那麼span就是該div的子元素．看下面這段**：
從上面的**可以看出來＂歡迎光臨web圈＂與span都被包含在乙個div中．但是你無法在div中直接引用＂歡迎光臨web圈＂這段文字內容．我想要告訴你的就是：在獲取子元素時，不可以跨級獲取． 子元素只能被直接父元素所引用！同理，這個div也算是body標籤中的乙個子元素．但你無法直接在body中獲得span標籤．你必須在body中獲得div然後再取span．看下面的例項演示：
我列舉一下dom中獲取子元的幾個方法：
獲取當前元素中第乙個子元素的方法是：firstchild
獲取當前元素中最後乙個子元素的方法是：lastchild
獲取當前元素中所有的子元素的方法是：childnodes
理解完子元素．我們再講一下什麼是兄弟元素．從字面上你應該能理解的差不多．所謂的兄弟的元素，其實就是擁有同乙個父元素的元素之間互稱為兄弟元素．看下面**：
上面的**演示了：在乙個div標籤中包含了div,span,a這些元素，那麼這些被包含的div,span,a就可以相互稱之為兄弟元素，因為他們都被同乙個父元素所包含！
下面我們再來演示一下如何獲取兄弟之間的元素：
在上面的**中我們為span元素設定了乙個id屬性．也許你還不知道，如果想快速獲取某個元素，你應該為元素設定乙個id屬性．然後根據id屬性的值使用getelementbyid方法來獲取．
在獲取了span元素以後我們分別使用了以下的dom方法，來獲取span的上乙個兄弟元素div,和下乙個兄弟元素a
在dom中使用previoussibling方法可以獲取當前元素的上乙個兄弟元素
在dom中使用nextsibling方法可以獲取當前元素的下乙個兄弟元素
操作Dom中父子元素與兄弟元素
dom的childnodes可以得到當前dom的直接所有子元素 但是中間可能會有空格，如ff，chrome，在使用前需要先過濾掉空格元素 function del spacechild elem 使用方法 var parentdom document.getelementbyid tt del sp...
js獲取dom元素的子元素,父元素,兄弟元素小記
原生js var a document.getelementbyid dom del space a 清理空格 var b a.childnodes 獲取a的全部子節點 var c a.parentnode 獲取a的父節點 var d a.nextsibling 獲取a的下乙個兄弟節點 var e ...
Dom元素操作
把建立的p元素新增到父元素box裡 btn1.onclick function 移除父元素裡的p元素 插入元素 insertbefore 被插入的元素，參照元素 var dom document.getelementbyid dom var newdom document.createelement...