DOM的增加 刪除 修改

2021-10-06 21:35:30 字數 1014 閱讀 8640

"city"

>

"bj"

>北京

"sh"

>上海

"gz"

>廣州

"sz"

>深圳

let li = document.createelement(

'li'

) // li.innerhtml =

'江西'

// 等價於

// let text = document.createtextnode(

'南昌'

)

//     let li = document.createelement(

'li'

) // li.innerhtml =

"航頭"

// city.insertbefore(li, document.getelementbyid(

'bj'

))

// 引數一:新增的物件 引數二:在誰前面新增

// 自己的父節點的自己  parentnode

document.getelementbyid(

'bj'

).parentnode.removechild(document.getelementbyid(

'bj'

))

//     let li = document.createelement(

'li'

) // li.innerhtml =

"替換"

// city.replacechild(li, document.getelementbyid(

'bj'

)) // 引數一: 新的 引數二:被替換的物件

Dom 增加 刪除

一 增加 新增乙個元素分為3個步驟 1.建立乙個空元素物件 var a document.createelement a 2.設定關鍵屬性 3.將新物件掛載到dom樹上指定位置 3種情況 1 在當前父元素下的結尾,新增乙個新元素 2 在父元素下的某個子元素之前插入 父元素.insertbefore ...

Dom4j增加,修改,刪除XML檔案

1.增加 文件,標籤,屬性 a.建立文字write.xml 建立文字 document doc documenthelper.createdocument b.建立標籤 建立標籤 element rootelem doc.addelement contactlist 建立根標籤 element co...

原生JS給DOM元素增加修改和刪除class

之前一直使用jq,處理頁面結構變化都很方便,不過在某些不實用jq的專案裡,還是必須得知道如何使用原生js去處理頁面中簡單的一些樣式變化。這裡介紹js針對css方面的一些基本操作。hhh change 增加class 方法1 如果你的頁面裡有很多個 temp 類的話 感覺這種不太適合 classarr...