JavaScript innerText 和 textContent 的区别

1. innerText的值依赖于浏览器的显示，textContent依赖于代码的显示,如下代码：

<span>第一个</span>
<span>第二个</span>

输出结果：
innerText:第一个 第二个

textContent:
        第一个
        第二个

2. 如果一个元素之间包含了script标签或者style标签，innerText是获取不到这两个元素之间的文本的，而textContent可以，如下代码：

<script>var a=111;</script>
    <span>第一个</span>
    <span>第二个</span>

输出结果：
innerText:第一个 第二个

textContent:
    var a=111;
    第一个
    第二个   

这个区别是由第一个区别引申而来的，在浏览器中自然是不会在屏幕中输出script和style标签之间的内容，而innerText的值依赖于浏览器的显示，所以仍然是666 999。

3. textContent会把空标签解析成换行（几个空标签就是几行），innerText只会把block元素类型的空标签解析换行，并且如果是多个的话仍看成是一个，而inline类型的原素则解析成空格，如下代码：

<span>第一个</span>
    <span></span>
<span></span>
    <span>第二个</span>

输出结果：
innerText:第一个 第二个

textContent:
    第一个
    
    
    第二个