增加子节点或子元素时,首先要创建该元素(元素节点),然后向已经存在的元素节点添加,示例如下:
<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视频教程
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号