這篇文章主要介紹了javascript中的innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區別詳解，都是個人經驗的總結，分享給大家，希望大家能夠喜歡。

 

innerHTML屬性用來讀取或設置某個節點內的HTML代碼。

outerHTML屬性用來讀取或設置HTML代碼時，會把節點本身包括在內。

textContent屬性用來讀取或設置節點包含的文本內容。

innerText屬性和outerText屬性在讀取元素節點的文本內容時，得到的值是不一樣的。它們的不同之處在于設置一個節點的文本屬性時，outerText屬性會使得原來的元素節點被文本節點替換掉。注意，innerText是非標準屬性，Firefox不支持。

1.innerText受CSS影響，textcontent沒有這個問題。比如，如果CSS規則隱藏了某段文本，innerText就不會返回這段文本，textcontent則照樣返回。

2.innerText返回的文本，會過濾掉空格、換行和回車鍵，textcontent則不會

3.innerText屬性不是DOM標準的一部分，Firefox瀏覽器甚至沒有部署這個屬性，而textcontent是DOM標準的一部分。

以上就是本文的全部內容了，希望對大家學習熟悉javascript能有所幫助。