js中dom節點的增刪改

2021-08-17 10:38:15 字數 462 閱讀 3501

obj.insertbefore(newnode,oldnode)    //obj是父節點,在oldnode前面新增newnode

obj.replacechild(newnode,oldnode)   //obj是父節點,用newnode替換oldnode

obj.removechild(oldnode)             //obj是父節點,移除oldnode

前三個方法中的newnode可以是已經存在在dom樹的元素,會將其元素從原來的位置移到新的位置;假如你不想這麼做的話,我們可以使用node.clonenode()方法拷貝乙份,再進行操作,對之前的元素就沒有影響了;

很簡單的,可以通過obj.firstelementchild找到第乙個子元素,然後結合insertbefore就實現了

2、insertbefore是新增到oldnode之前,那新增到oldnode之後呢?(其實就是jquery中的after方法)

DOM操作 JS事件 節點增刪改查

習慣是社會的巨大的飛輪和最可貴的維護者。威 詹姆斯 day 49 value屬性操作 節點的增刪改查 一 展示 刪除節點 歡迎刪除,聖誕快樂 替換節點 p.innerhtml 深圳歡迎您 舊節點 let title document.getelementsbyclassname title 0 pe...

JS基礎 DOM增刪改

document.createelement 可以用於建立乙個元素節點物件,它需要乙個標籤名作為引數,將會根據該標籤名建立元素節點物件,並將建立好的物件作為返回值返回 document.createtextnode 可以用來建立乙個文字節點物件 需要乙個文字內容作為引數,將會根據該內容建立文字節點,...

js基礎 DOM增刪改

可以用於建立乙個元素節點物件,它需要乙個標籤名作為引數,將會根據該標籤名建立元素節點物件,並將建立好的物件作為返回值返回。可以用來建立乙個文字節點物件,需要乙個文字內容作為引數,將會根據該內容建立文字節點,並將新的節點返回。在指定的子節點 已有的子節點 前插入新的子節點。語法 父節點.insertb...