(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決nodeValue vs innerHTML和textContent如何選擇？？ 將內(nèi)容解析為HTML，因此需要更長(zhǎng)的時(shí)間。 使用純文本，不解析HTML，并且速度更快。 使用純文本，不解析HTML，并且速度更快。 考慮樣式。例如，它不會(huì)獲取隱藏文本。

innerText根據(jù)caniuse的說法，直到fireFox45才在firefox中不存在，但現(xiàn)在所有主要瀏覽器都支持該功能。

解決方法

我正在使用普通js來更改label元素的內(nèi)部文本，但是我不確定應(yīng)該基于什么理由使用innerHTML或nodeValue或textContent。我不需要?jiǎng)?chuàng)建新節(jié)點(diǎn)或更改HTML元素或其他任何內(nèi)容，只需替換文本即可。這是代碼示例：

var myLabel = document.getElementById('#someLabel');myLabel.innerHTML = 'Some new label text!'; // this worksmyLabel.firstChild.nodeValue = 'Some new label text!'; // this also works.myLabel.textContent = 'Some new label text!'; // this also works.

我瀏覽了jQuery源，它只使用一次nodeValue，但是多次使用innerHTML和textContent。然后，我發(fā)現(xiàn)此jsperf測(cè)試表明firstChild.nodeValue明顯更快。至少這就是我的解釋。

如果firstChild.nodeValue快得多，那么有什么收獲呢？是否得到廣泛支持？還有其他問題嗎？