首页 / JAVASCRIPT / JavaScript添加或删除子节点、子元素

JavaScript添加或删除子节点、子元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript添加或删除子节点、子元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含796字，纯文字阅读大概需要2分钟。

内容图文

增加子节点或子元素时，首先要创建该元素（元素节点），然后向已经存在的元素节点添加，示例如下：
<p id="p1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</p>

<script>
var para=document.createElement("p");//创建需要增加的元素节点
var node=document.createTextNode("这是新段落。");//创建文本节点
para.appendChild(node);//将文本节点增加至创建的元素中

var element=document.getElementById("p1");//获取父节点
element.appendChild(para);//添加至父节点内
</script>

删除子节点或元素时，与新增思路类似：

<p id="p1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</p>

<script>
var parent=document.getElementById("p1");//获取父节点元素
var child=document.getElementById("p1");//获取需要删除的节点元素
parent.removeChild(child);//通过父节点移除
</script>

更多相关教程请访问 JavaScript视频教程

内容总结

以上是互联网集市为您收集整理的JavaScript添加或删除子节点、子元素全部内容，希望文章能够帮你解决JavaScript添加或删除子节点、子元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/306743.html

来源：【匿名】