DOM_创建和删除HTML元素

创建新的HTML元素

例如，如果想要在div中新建一个段落p那么需要分成以下几步完成：

1，创建新的<p>元素。createElement(“节点名”)：

var para = document.createElement(“p”);

2，创建p元素中的文本，文本为一个文本节点。createTextNode(“文本”)：

var text_node = document.createTextNode(“这是一个追加的段落”);

3，将文本节点追加到p元素后。追加用 父节点.appendChild(子节点):

para.appendChild(text_node);

4，找到容纳p节点的父节点

var element = document.getElementById(“s”);

5，将p节点追加到父节点后:

element.appendChild(para);

完整代码如下：

删除已有的 HTML 元素

删除元素分为以下几步 1. 找到待删除的元素 2. 找到待删除元素的父元素 3. 删除元素。父节点.removeChild(子节点)

也可以用parentNode获取一个元素的父元素：

child.parentNode.removeChild(child);