JS基礎 DOM增刪改

2022-09-11 09:06:17 字數 820 閱讀 4681

document.createelement()

可以用於建立乙個元素節點物件,

它需要乙個標籤名作為引數,將會根據該標籤名建立元素節點物件,

並將建立好的物件作為返回值返回

document.createtextnode()

可以用來建立乙個文字節點物件

需要乙個文字內容作為引數,將會根據該內容建立文字節點,並將新的節點返回

-向乙個父節點中新增乙個新的子節點

insertbefore()

-可以在指定的子節點前插入新的子節點

-語法:父節點.insertbefore(要插入的節點物件,要新增新的節點前的子節點);

replacechild()

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

-語法:父節點.replacechild(要插入的節點物件,要新增新的節點前的子節點);

removechild()

-可以刪除乙個子節點

-語法:父節點.removechild(子節點);

另一種刪除方法

-子節點.parentnode.removechild(子節點);

使用innerhtml也可以完成dom的增刪改的相關操作

一般我們會兩種方式結合使用

點選超連結以後,超連結會跳轉頁面,這個是超連結的預設行為,

但是此時我們不希望出現預設行為,可以通過在響應函式的最後return false來取消預設行為

confirm()用於彈出乙個帶有確認和取消按鈕的提示框需要乙個字串作為引數,該字串將會作為提示文字顯示出來

如果使用者點選確認則會返回true,如果點選取消則返回false

js基礎 DOM增刪改

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

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...