创建新的 HTML 元素 (节点) - appendChild()

 

要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。

 

实例

<div id="div1">

<p id="p1">这是一个段落。</p>

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

</div>

 

<script>

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

var node = document.createTextNode("这是一个新的段落。");

para.appendChild(node);

 

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

element.appendChild(para);

</script>

 

 

实例解析

 

以下代码是用于创建 <p> 元素:

 

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

为 <p> 元素创建一个新的文本节点：

 

var node = document.createTextNode("这是一个新的段落。");

将文本节点添加到 <p> 元素中：

 

para.appendChild(node);

最后，在一个已存在的元素中添加 p 元素。

 

查找已存在的元素：

 

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

添加到已存在的元素中:

 

element.appendChild(para);