The difference between textcontent and InnerText properties

Example 1:

<! DOCTYPE html>
 
Results of output:

I am the textcontent output Testtesthi
I am the innertext output of test
 
1. Major differences
-Textcontent Gets the text in the style= "Display:none" and innertext does not
-Textcontent Gets the text inside the style label, and innertext

Example 2:

<! DOCTYPE html>
 
Output results:

I'm textcontent the output of test test



                hi


I'm innertext output test
hi
 
Difference:
1. textcontent will not ignore HTML format, direct output does not wrap text
2. InnerText will be a separate line based on the elements inside the label

3. Compatibility:
InnerText is good for IE compatibility
Textcontent Although as a standard method but only supports browsers above ie8+
The latest browser, two can be used