操作Dom中父子元素與兄弟元素

2022-07-12 07:24:12 字數 379 閱讀 7926

dom的childnodes可以得到當前dom的直接所有子元素

但是中間可能會有空格,如ff,chrome,在使用前需要先過濾掉空格元素

function del_spacechild(elem) }}

//使用方法

var parentdom = document.getelementbyid("tt");

del_spacechild(parentdom);

alert(parentdom.childnodes.length);

dom的previoussibling和nextsibling可以得到前乙個或後乙個相鄰元素,如果已經是最後乙個,則返回null

dom的parentnode可以得到父元素

操作Dom中的子元素與兄弟元素

無論是在html裡或xml檔案裡 都存在著子元素與兄弟元素的概念 那麼我們如何使用dom正確的操作這些元素 首先,我們必須正確的理解什麼是子元素 比如我們在網頁裡寫了乙個span標籤 並且在span裡寫入文字內容 歡迎光臨web圈 那麼這個文字內容就是span的子元素 相同,如果span被某個div...

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...