創建新的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);