js學習總結 DOM增刪改和應用

2022-07-12 23:27:23 字數 887 閱讀 2272

動態建立乙個元素標籤(createelement)

document.createelement //動態建立乙個元素標籤物件

insertbefore //把新的元素newele新增到老的元素oldele之前   oldele.parentnode.insertbefore(newele,oldele)

removechild //刪除指定的子元素  容器.removechild(元素)

clonenode // 轉殖元素 如果引數設定為true 把元素裡面的子子孫孫都轉殖,預設是false,是轉殖當前的  元素.clonenode(true)

replacechild //替換元素  oleele.parentnode.replacechild(newele,oldele)

setattribute :設定元素的屬性(包含自定義屬性)  修改html元素的結構 (使用這個方法在html上可以體現出來)

getattribute :獲取元素的屬性

removeattribute : 刪除元素的屬性

注意:在ie6~8下這個方法不能修改class屬性 clo.setattribute("class","ccc")是不起作用的

同時還有另外一種設定屬性的方式 就是通過(元素.)的方式定義和獲取。兩種方式不能夠混用。

JS基礎 DOM增刪改

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

js基礎 DOM增刪改

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

js中dom節點的增刪改

obj.insertbefore newnode,oldnode obj是父節點,在oldnode前面新增newnode obj.replacechild newnode,oldnode obj是父節點,用newnode替換oldnode obj.removechild oldnode obj是父節...