本文共 809 字，大约阅读时间需要 2 分钟。

添加和删除节点（HTML 元素）

创建新的 HTML 元素

要向 HTML DOM 中添加新元素，您需要先创建该元素（元素节点），然后将该元素追加到已有元素中。

实例

以下代码创建了一个新 p 元素，并添加了一个文本节点：

var para = document.createElement("p");
var node = document.createTextNode("这是新段落。");
para.appendChild(node);

然后将新元素追加到已有元素中：

var element = document.getElementById("div1");
element.appendChild(para);

删除已有的 HTML 元素

要删除 HTML 元素，您需要先获得该元素的父元素。

实例

以下代码删除了 id="p1" 的 p 元素：

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

或者，您可以直接通过子元素的 parentNode 属性删除：

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

HTML DOM 教程

在我们的 JavaScript 教程的 HTML DOM 部分，您已经学到了：

• 如何改变 HTML 元素的内容 (innerHTML)
• 如何改变 HTML 元素的样式 (CSS)
• 如何对 HTML DOM 事件作出反应
• 如何添加或删除 HTML 元素

如果您希望学习更多关于使用 JavaScript 访问 HTML DOM 的知识，请访问我们完整的 JavaScript教程。

转载地址：http://xxes.baihongyu.com/