innerHTML和innerText

它們都會(huì)把元素內(nèi)內(nèi)容替換掉，區(qū)別在于： innerHTML 會(huì)把替換內(nèi)容里的 HTML 標(biāo)記解釋執(zhí)行。 innerText 會(huì)把替換內(nèi)容里的 HTML 標(biāo)記原樣輸出而不執(zhí)行。

例如有如下代碼：

var content = "<b>這是對(duì)innerHTML和innerText的測(cè)試</b>" ; // 假設(shè) e 為網(wǎng)頁(yè)內(nèi)某元素

e.innerHTML = content ; // 顯示結(jié)果為 ?這是對(duì)innerHTML和innerText的測(cè)試

e.innerText = content ; // 顯示結(jié)果為 ?<b>這是對(duì)innerHTML和innerText的測(cè)試</b>

?

innerHTML和createTextNode

innerHTML可以識(shí)別標(biāo)簽，而createTextNode會(huì)將內(nèi)容全部轉(zhuǎn)化為字符串

例如有如下代碼：

var content = "<b>這是對(duì)innerHTML和innerText的測(cè)試</b>" ; // 假設(shè) e 為網(wǎng)頁(yè)內(nèi)某元素

e.innerHTML = content ; // 顯示結(jié)果為 ?這是對(duì)innerHTML和innerText的測(cè)試

var text=createTextNode(content) ;

e.appendChild(text)// 顯示結(jié)果為 ?<b>這是對(duì)innerHTML和innerText的測(cè)試</b>

?

這樣看來(lái)innerText和createTextNode的基本用法是一樣的，都無(wú)法識(shí)別標(biāo)簽并轉(zhuǎn)化為html文件。

但是innerText是一次性修改，會(huì)將標(biāo)簽里所有內(nèi)容修改，createTextNode可以逐條插入，避免整體的修改。

轉(zhuǎn)載于:https://www.cnblogs.com/xtdxs/p/6570593.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript中innerHTML与innerText，createTextNode的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。