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属性