Javascript操作Dom对象

转载于 2018-08-07 09:10:00 发布 · 41 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ZaraNet/p/9435043.html

文章标签：

本文介绍了如何使用JavaScript进行DOM操作，包括创建新的<p>元素、添加文本节点以及删除指定的节点。通过具体示例展示了如何利用getElementById和removeChild等方法实现这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.创建节点

这段代码创建新<p>元素

var dom = document.craeteElement("p");

如果需<p>添加文本，你必须创建文本的节点

var node = document.createTextNode("this is new TextNode");

然后你必须向<p>元素添加这个node

dom.appendChild(node);

这个时候已经创建成功了

二.删除节点

例如有一段HTML代码

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

　script:

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>

　js删除节点的时候需要找到它的父节点,如果能够在不引用父元素的情况下删除某个节点,就太好了，不过太遗憾了，DOM需要清除你要删除的元素,yi以及它的父元素

这是常用的做法:

var child=document.getElementById("p1");
child.parentNode.removeChild(child);

转载于:https://www.cnblogs.com/ZaraNet/p/9435043.html