首页 > web前端 > js教程 > JavaScript 添加或删除子节点、子元素

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

PHPz
发布: 2018-10-10 15:06:33
转载
1870 人浏览过

 增加子节点或子元素时,首先要创建该元素(元素节点),然后向已经存在的元素节点添加,示例如下:

<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视频教程

相关标签:
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板