求大神幫我比較一下兩種寫(xiě)法的區(qū)別
var otest = document.getElementById("test");?
? var newnode = document.createElement("li");
? var newtext= document.createTextNode("PHP");
? newnode.appendChild(newtext);
? otest.appendChild(newnode);var otest = document.getElementById("test");?
? var newnode = document.createElement("li");
? newnode.innerHTML="PHP";
? otest.appendChild(newnode);雖然都能實(shí)現(xiàn)同樣的效果,但是兩種寫(xiě)法哪個(gè)更好一點(diǎn)啊
2016-03-13
一樣的,建議采用第二種。
因?yàn)槿绻泻芏喙?jié)點(diǎn)要添加,你難道還去一個(gè)一個(gè)使用append添加嗎?相反用innerHTML就可以直接添加html代碼,效率相比append高多了。
例如:
1、newnode.innerHTML = "<p>js</p><p>html</p><p>java</p>";//就相當(dāng)于在newnode節(jié)點(diǎn)上添加了三個(gè)p標(biāo)簽
2、var newnode_first = document.createElement("p");
var newtext_first= document.createTextNode("js");
newnode_first.appendChild(newtext_first);???? newnode.appendChild(newnode_first);
..................重復(fù)三遍。
兩者的效率相差不止千里