操作dom節點

2021-09-17 18:37:55 字數 379 閱讀 8333

取到節點物件可以,我們可以建立乙個節點後動態插入到dom節點樹中(html中)

1:建立乙個文字節點

第一段第二段

第三段

js**:

var div=document . getelementsbytagname(「div」)[0];

var textnode=document . createtextnode(「

文字節點

」);

上述例建立的是文字節點,那麼p標籤也被當成乙個普通文字輸出,還可以建立元素節點追加

使用insertbefore插入節點的時候需要參考(將兩個節點插入到第二個引數代表的節點之前)

該方法是由父節點呼叫的,可以刪除指定的子節點,但是不能刪除孫子節點。

DOM節點操作

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

DOM 節點操作

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

dom節點操作

獲取節點元素的幾種方法 document.getelementbyid 通過元素選出id選出 document.getelementsbyclassname 通過元素選出class選出 document.getelementsbytagname 通過元素的標籤名選出 document.getelem...