創建新的 HTML 元素

如需向 HTML DOM 添加新元素，您必須首先創建該元素（元素節點），然后向一個已存在的元素追加該元素。

 div id= div1  p id= p1 這是一個段落。 /p  p id= p2 這是另一個段落。 /p  /div  script var para=document.createElement( p var node=document.createTextNode( 這是一個新段落。 para.appendChild(node);var element=document.getElementById( div1 element.appendChild(para); /script 

這段代碼創建新的 p 元素：

var para=document.createElement( p 

如需向 p 元素添加文本，您必須首先創建文本節點。這段代碼創建了一個文本節點：

var node=document.createTextNode( 這是一個新段落。 

然后您必須向 p 元素追加這個文本節點：

para.appendChild(node);

最后您必須向一個已有的元素追加這個新元素。

這段代碼找到一個已有的元素：

var element=document.getElementById( div1 

以下代碼在已存在的元素后添加新元素：

element.appendChild(para);

刪除已有的 HTML 元素

 div id= div1  p id= p1 這是一個段落。 /p  p id= p2 這是另一個段落。 /p  /div  script var parent=document.getElementById( div1 var child=document.getElementById( p1 parent.removeChild(child); /script 

如果能夠在不引用父元素的情況下刪除某個元素，就太好了。
不過很遺憾。DOM 需要清楚您需要刪除的元素，以及它的父元素。

這是常用的解決方案：找到您希望刪除的子元素，然后使用其 parentNode 屬性來找到父元素：

var child=document.getElementById( p1 child.parentNode.removeChild(child);

以上就是關于添加或刪除 HTML dom元素的相關教程，希望能幫助到大家。

相關推薦：

如何使用DOM來分配事件

DOM節點刪除中empty和remove區別

jQuery操作DOM的方法

以上就是添加或刪除 HTML dom元素的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。