Dom
createElement()、createTextNode()、appendChild()、removeChild()、replaceChild()、insertBefore()、createDocumentFragment()
//創(chuàng)建新節(jié)點(diǎn)
function CreatNode() {
var oP = document.createElement("p");
oP.innerHTML = "<font style='color:red;'>Hello World！</font>";
document.body.appendChild(oP);
}

//刪除節(jié)點(diǎn)
function RemoveNode() {
var oP = document.getElementsByTagName("p");
var len = oP.length;
if (len != 0) {
oP[len - 1].parentNode.removeChild(oP[len - 1]); //這里最好使用節(jié)點(diǎn)的parentNode特性來(lái)刪除
}
else {
alert("已經(jīng)全部刪除！");
}
}
//替換節(jié)點(diǎn)
function ReplaceNode() {
var oNewP = document.createElement("p");
oNewP.innerHTML = "<font style='color:red;'>New --> Hello World！</font>";
//將最后一個(gè)新增的節(jié)點(diǎn)替換成oNewP
var len = document.getElementsByTagName("p").length;
var oOldLastP = document.getElementsByTagName("p")[len - 1];
oOldLastP.parentNode.replaceChild(oNewP, oOldLastP);
}
//insertBefore()方法
讓新消息出現(xiàn)在舊消息之前，接受兩個(gè)參數(shù)：
1.要添加的節(jié)點(diǎn)；2.插在哪個(gè)節(jié)點(diǎn)之前
xxx.parentNode.insertBefore(newChild, oldChild);
//createDocumentFragment()方法
創(chuàng)建文檔碎片
可以把一些創(chuàng)建的十個(gè)新的節(jié)點(diǎn)元素都添加到文檔碎片中，然后這個(gè)碎片作為參數(shù)傳遞給要添加碎片的appendChild()
xxx.appendChild(oFragment);
這樣xxx只調(diào)用了一次來(lái)代替調(diào)用十次，提高性能。

最新評(píng)論