如何通过JS实例解析添加与移除HTML DOM元素的操作？

本文共计705个文字，预计阅读时间需要3分钟。

本实例讲解了JS添加或删除HTML元素的几种方法。分享给家长参考，如下：

创建新的HTML元素：

1.首先创建一个新元素，例如：

javascriptvar newElement=document.createElement('div');

2.然后，将新元素添加到DOM中：

javascriptdocument.body.appendChild(newElement);

删除HTML元素：

1.找到需要删除的元素，例如：

javascriptvar elementToRemove=document.getElementById('elementId');

2.从DOM中移除该元素：

javascriptdocument.body.removeChild(elementToRemove);

本文实例讲述了JS添加或删除HTML dom元素的方法。分享给大家供大家参考，具体如下：

创建新的 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("这是一个新段落。