DOM資料之節點操作

2021-08-17 23:07:47 字數 588 閱讀 5219

節點的訪問關係都是屬性。節點的操作都是函式或者方法。

◆ 建立節點:

新的標籤(節點) =document.createelement(「標籤名」);
◆ 插入節點(使用節點):

★ 父節點的最後插入乙個新節點:

注:如果是已經存在的節點,會移動該節點,相當於move;

父節點.insertbefore(新節點,參考節點)

◆ 刪除節點:

父節點.removechild(子節點);

注:必須指定要刪除的子節點

節點自己刪除自己:

不知道父級的情況下,可以這麼寫:

node.parentnode

.removechild(node)

◆ 複製節點:

新節點=要複製的節點.clonenode(引數) ;
引數含義:

★ true:表示深複製(複製節點及其所有子節點)

★ false:表示淺複製(複製節點本身,不複製子節點)

DOM節點操作

節點型別 nodetype nodename nodevalue 含義element node 1標籤名 eg div null 元素節點 attribute node 2特性名 eg class 特性值特性節點 text node 3 text 文字的內容 文字節點 cdata section n...

操作dom節點

取到節點物件可以,我們可以建立乙個節點後動態插入到dom節點樹中 html中 1 建立乙個文字節點 第一段第二段 第三段 js var div document getelementsbytagname div 0 var textnode document createtextnode 文字節點 ...

DOM 節點操作

方法名 只能document呼叫 返回單一的值 返回動態集合 getelementbyid getelementsbytagname getelementsbyclassname queryselectorall queryselector 建立節點document.createelement ta...