Comparison and usage introduction of innerText and textContent_javascript skills

Today I encountered a compatibility issue when using innerText. FireFox does not support the innerText method. I checked MDN and found that there is a similar method under FireFox called textContent. It is similar to IE's innerText and is used to obtain (set) The method of text in the element.

Syntax
•Settings

Copy code The code is as follows:

element.textContent = "text";

• Get

Copy code The code is as follows:

var text = element.textContent;

Copy code The code is as follows:

Note: textContent is similar to innerText, and will also obtain the text content of child elements at the same time, such as
<div>this is <span> ;a</span> text!</div>
// div.textContent == "this is a text!"

Differences from innerText
•textContent will get the content of all elements, including `<script>` and `<style>` elements
•innerText will not get the content of hidden elements, but textContent will not
•innerText will trigger reflow, but textContent will not
•innerText return value will be formatted, but textContent will not

Mainstream browser support
•IE 9
•Chrome 1
•FireFox(Gecko)