createElement和createTextNode和appendChild

createElement(创建新元素)：

document.createElement(nodeName)

createTextNode(创建新文本)：

document.createTextNode(text)

appendChild(添加子节点)：

parent.appendChild(child)

举个例子吧：

创建一个简单的项目来简单了解一下用法：

test.html文件：

example.js:

var p = document.createElement("p");//创建元素节点P
var txt = document.createTextNode("Hello World!");//创建内容为“Hello World!”的文本节点
var test = document.getElementById("test");//获取html页面上的ID为“test”的元素节点
p.appendChild(txt);//为元素节点P添加一个类型为文本节点的子节点“txt”;
test.appendChild(p);//为元素节点test添加一个类型为元素节点的子节点“P”;

结果如下：

2.png