js基礎 DOM增刪改

2022-10-08 20:30:16 字數 751 閱讀 9223

可以用於建立乙個元素節點物件,它需要乙個標籤名作為引數,將會根據該標籤名建立元素節點物件,並將建立好的物件作為返回值返回。

可以用來建立乙個文字節點物件,需要乙個文字內容作為引數,將會根據該內容建立文字節點,並將新的節點返回。

—-在指定的子節點(已有的子節點)前插入新的子節點。

—-語法:

父節點.insertbefore(新的子節點,舊的子節點);

—-可以使用指定的子節點替換已有的子節點。

—-語法:

父節點.replacechild(新的子節點,已有的子節點);

—-可以刪除乙個子節點。

—-語法:

父節點.removechild(指定的子節點);

或者指定的子節點.parentnode.removechild(指定的子節點);

具體操作例項**:

你喜歡哪個城市?

建立乙個"廣州"節點,新增到#city下

將"廣州"節點插入到#bj前面

使用"廣州"節點替換#bj節點

刪除#bj節點

讀取#city內的html**

設定#bj內的html**

css樣式:

@charset "utf-8";

body

button

#btnlist

#total

ul.inner li

.inner

JS基礎 DOM增刪改

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

js中dom節點的增刪改

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

JS的DOM操作(增刪改查)

1.通過id屬性獲取乙個元素節點物件 document.getelementbyid id1 2.通過name屬性獲取一組元素節點物件 document.getelementsbyname name1 3.通過標籤名獲取一組元素節點物件 document.getelementsbytagname l...