Comparison and usage of innerText and textContent

Today, I encountered a compatibility problem when using innerText. FireFox does not support the innerText method. I checked the MDN and found that there is a similar method named textContent in FireFox, which is similar to the innerText in IE, is used to obtain (SET) The text method in the element.

Syntax
• SettingsCopy codeThe Code is as follows: element. textContent = "text ";

• GetCopy codeThe Code is as follows: var text = element. textContent;

Copy codeThe Code is as follows:Note: TextContent is similar to innerText, and the text content of the child element is also obtained. For example:
<Div> this is <span> a </span> text! </Div>
// Div. textContent = "this is a text! "

Differences from innerText
• TextContent obtains the content of all elements, including '<script>' and '<style> '.
• InnerText does not obtain the content of the hidden element, while textContent does not
• InnerText triggers reflow, while textContent does not
• The return value of innerText will be formatted, while textContent will not

Support for mainstream browsers
• IE 9 +
• Chrome 1 +
• FireFox (Gecko)