求大神幫我比較一下兩種寫法的區別
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);雖然都能實現同樣的效果,但是兩種寫法哪個更好一點啊
2016-03-13
一樣的,建議采用第二種。
因為如果有很多節點要添加,你難道還去一個一個使用append添加嗎?相反用innerHTML就可以直接添加html代碼,效率相比append高多了。
例如:
1、newnode.innerHTML = "<p>js</p><p>html</p><p>java</p>";//就相當于在newnode節點上添加了三個p標簽
2、var newnode_first = document.createElement("p");
var newtext_first= document.createTextNode("js");
newnode_first.appendChild(newtext_first);???? newnode.appendChild(newnode_first);
..................重復三遍。
兩者的效率相差不止千里