前端必知必会-JavaScript HTML DOM 元素（节点）

JavaScript HTML DOM 元素（节点）

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

创建新的 HTML 元素（节点）

要向 HTML DOM 添加新元素，必须先创建元素（元素节点），然后将其附加到现有元素。

示例

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

<script>
const para = document.createElement("p");
const node = document.createTextNode("This is new.");
para.appendChild(node);

const element = document.getElementById("div1");
element.appendChild(para);
</script>

示例说明
此代码创建一个新的 <p> 元素：

const para = document.createElement("p");

要将文本添加到 <p> 元素，您必须先创建一个文本节点。此代码创建一个文本节点：

const node = document.createTextNode("This is a new passage.");

然后您必须将文本节点附加到 <p> 元素：

para.appendChild(node);

最后您必须将新元素附加到现有元素。

此代码查找现有元素：