textContent，innerText、innerHTML和outerHTML區別

本章節簡單介紹一下標題中三個屬性的用法和區別，需要的朋友可以做一下參考。

（1）.innerHTML屬性用來讀取或設定某個節點內的HTML程式碼。

（2）.outerHTML屬性用來讀取或設定HTML程式碼時，會把節點本身包括在內。

（3）.textContent屬性用來讀取或設定節點包含的文字內容。

主要區別如下:

（1）.innerText屬性和outerText屬性在讀取元素節點的文字內容時，得到的值是不一樣的。

（2）.它們的不同之處在於設定一個節點的文字屬性時，outerText屬性會使得原來的元素節點被文字節點替換掉。

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

（4）.innerText返回的文字，會過濾掉空格、換行和Enter鍵，textcontent則不會。

特別說明:innerText是非標準屬性，Firefox不支援。