使用脚本操作DOM

createElement()

可以新建任何类型的标准HTML元素，比如段落、区间、表格、列表等。

var newDiv = document.createElement("div");

createTextNode()

创建文本内容

var newTextNode = document.createTextNode("Here is some text content.");

cloneNode()

这个方法以一个布尔值作为参数，当参数为true时，表示不仅要复制节点，还要复制全部子节点：

var myDiv = document.getElement("id");
var newDiv = myDiv.cloneNode(true);  //复制了元素及其子节点

appendChild()

把新节点添加到DOM树

var newText = document.createTextNode("Here is some text content.");
var myDiv = document.getElementById("id1");
myDiv.appendChild(newText);

appendChild()总是在现有的最后一个子节点之后添加子节点。

insertBefore()

指定一个子节点，然后把新节点插入到它前面。

replaceChild()

把父元素现有的一个子节点替换成另一个节点。它有两个参数，一个是新的子节点，一个是现有的子节点。

removeChild()

删除节点

setAttribute()

给元素节点创建属性并赋值。

var myPara = document.getElementById("para1");
myPara.setAttribute("title", "Opening paragraph");  //设置title属性
myPara.setAttribute("title", "New title");  //覆盖title属性