JS添加或删除HTMLdom元素的⽅法实例分析本⽂实例讲述了JS添加或删除HTML dom元素的⽅法。分享给⼤家供⼤家参考，具体如下：
创建新的 HTML 元素
如需向 HTML DOM 添加新元素，您必须⾸先创建该元素（元素节点），然后向⼀个已存在的元素追加该元素。<div id="div1">
<p id="p1">这是⼀个段落。</p>
<p id="p2">这是另⼀个段落。</p>
js教程removechild</div>
<script>
var ateElement("p");
var ateTextNode("这是⼀个新段落。");
para.appendChild(node);
var ElementById("div1");
element.appendChild(para);
</script>
这段代码创建新的<p>元素：
var ateElement("p");
如需向 <p> 元素添加⽂本，您必须⾸先创建⽂本节点。这段代码创建了⼀个⽂本节点：
var ateTextNode("这是⼀个新段落。");
然后您必须向<p>元素追加这个⽂本节点：
para.appendChild(node);
最后您必须向⼀个已有的元素追加这个新元素。
这段代码到⼀个已有的元素：
var ElementById("div1");
以下代码在已存在的元素后添加新元素：
element.appendChild(para);
删除已有的 HTML 元素
<div id="div1">
<p id="p1">这是⼀个段落。</p>
<p id="p2">这是另⼀个段落。</p>
</div>
<script>
var ElementById("div1");
var ElementById("p1");
</script>
如果能够在不引⽤⽗元素的情况下删除某个元素，就太好了。
不过很遗憾。DOM 需要清楚您需要删除的元素，以及它的⽗元素。
这是常⽤的解决⽅案：到您希望删除的⼦元素，然后使⽤其 parentNode 属性来到⽗元素：
var ElementById("p1");
veChild(child);
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。