添加文本時createTextNode與innerHTML的差別
創(chuàng)建文本節(jié)點時
var textNode = document.createTextNode("lalala");
element.appendChild(textNode);
和
element.innerHTML = "lalala";
有什么差別?
創(chuàng)建文本節(jié)點時
var textNode = document.createTextNode("lalala");
element.appendChild(textNode);
和
element.innerHTML = "lalala";
有什么差別?
2016-03-15
舉報
2017-01-11
innerHTML和createTextNode都可以把一段內(nèi)容添加到一個節(jié)點中,區(qū)別是如果這段內(nèi)容中有html標簽(如例子中的<strong></strong>)時表現(xiàn)就不同了,在createTextNode中會當作文本處理,不會被瀏覽器解析,但用innerHTML就會被當作HTML代碼處理(如你的例子中Hello會被加粗顯示)。
總的來說,如果你確定要插入的內(nèi)容中沒有html標簽,可以用innerHTML,這樣更簡潔,但如果不能確定(比如要插入用戶輸入的內(nèi)容)建議用createTextNode的方式。
2016-12-03
http://blog.csdn.net/yangyang_cs/article/details/39696703
http://www.cnblogs.com/swii/p/5694818.html
可以參考這兩個博客哈, 他們是兩種不同的添加節(jié)點(文本)方式.
另外, innerHTML代碼少, 過程簡單, 性能比createTextNode要好, 執(zhí)行更快 :)
2016-03-15
正如您所寫的那樣,createNode是一個函數(shù),而innerHTml是元素的一個屬性。createNode創(chuàng)建了一個文本節(jié)點,而innerHTML是修改元素的文本值。