DOM操作（createElement()、createTextNode()、appendChild()）

1.createElement()：创建元素节点。

语法：createElement(name)

参数：name，字符串值，规定需要创建的元素节点名称

返回值：新创建的Element元素节点，具有指定的标签名称

例：creatElement("p") ,即创建了P标签元素。

2.createTextNode()：创建文本节点。

语法：createTextNode(data)

参数：data，字符串值，规定此节点的文本值。

返回值：返回新创建的 Text 节点，表示指定的data字符串。

例：createTextNode("hi");即创建了hi文本节点

3.appendChild()：向某个节点元素添加一个子节点。

语法：node.appendChild(node);

参数：node，必须，需要添加的节点对象

返回值：返回被添加的节点对象

例：var div1 = document.createElement("div");

      body.appendChild("div1");即创建一个div标签，并返回给div1，然后将其添加到body内。

4.removeChild()：删除指定的某个元素的子节点。

语法：node.removeChild(node);

参数：node，必须，需要删除的节点对象

返回值：返回node对象，被删除的节点，如果删除的节点不存在，返回null

例：点击删除此节点