原生DOM 操作

2021-10-05 23:47:53 字數 543 閱讀 9675

dom.nodetype 檢視元素節點型別

dom.childnodes 檢視所有元素下面的所有子節點(空白節點也會獲取到)

dom.children 檢視所有元素下面的所有子節點(只獲取元素節點)

dom.firstchild 獲取第乙個子節點

dom.lastchild 獲取最後乙個子節點

dom.parentnode 獲取父節點

dom.previoussibling 獲取上乙個兄弟節點

dom.nextsibling 獲取下乙個兄弟節點

document.createelement(div) 建立元素節點

dom.removechild(div) 移除子元素(下樹)

father.insertbefore(新child,參照child) 返回值新child

father.replacechild(新child,替換掉的child) 返回值替換掉的child

node.clonenode(bool) 轉殖節點,bool值為false只轉殖自身節點,bool值為true複製自身和孩子節點

js原生dom操作

1.建立元素 var a document.createelement a var node1 document.createelement div var node2 document.createtextnode hello world 2.新增子元素 刪除子元素 document.body.r...

原生DOM操作彙總

節點型別attr document element text 其他 節點之間的關係父節點 parentnode 子節點 childnodes 前乙個兄弟節點 nextsibling 後乙個兄弟節點 previoussibling 第乙個子節點 firstchild 最後乙個子節點 lastchild...

再談DOM原生操作!

前面已經有一篇博文總結了一些dom的原生操作方法了,今天進個階吧 給乙個場景,其html結構如下 假設頁面中只有乙個ul標籤 現在,我們要對其做如下幾個操作 1 在第三個li下方增加乙個值為6的li 2 刪除第二個li 3 修改第四個li,更新其值為7 4 為第二個li設定屬性class為 aa 5...