createElement()
可以新建任何類型的標準HTML元素,比如段落、區(qū)間、表格、列表等。
var newDiv = document.createElement("div");
createTextNode()
創(chuàng)建文本內(nèi)容
var newTextNode = document.createTextNode("Here is some text content.");
cloneNode()
這個方法以一個布爾值作為參數(shù),當(dāng)參數(shù)為true時,表示不僅要復(fù)制節(jié)點,還要復(fù)制全部子節(jié)點:
var myDiv = document.getElement("id");
var newDiv = myDiv.cloneNode(true); //復(fù)制了元素及其子節(jié)點
appendChild()
把新節(jié)點添加到DOM樹
var newText = document.createTextNode("Here is some text content.");
var myDiv = document.getElementById("id1");
myDiv.appendChild(newText);
appendChild()總是在現(xiàn)有的最后一個子節(jié)點之后添加子節(jié)點。
insertBefore()
指定一個子節(jié)點,然后把新節(jié)點插入到它前面。
replaceChild()
把父元素現(xiàn)有的一個子節(jié)點替換成另一個節(jié)點。它有兩個參數(shù),一個是新的子節(jié)點,一個是現(xiàn)有的子節(jié)點。
removeChild()
刪除節(jié)點
setAttribute()
給元素節(jié)點創(chuàng)建屬性并賦值。
var myPara = document.getElementById("para1");
myPara.setAttribute("title", "Opening paragraph"); //設(shè)置title屬性
myPara.setAttribute("title", "New title"); //覆蓋title屬性