innerText和textContent的区别 - pod4g/tool GitHub Wiki

// <p id="p">这<br>是&nbsp;&nbsp;&nbsp;一段&amp;话&lt;你好&gt;<hr></p> 

console.log(p.innerText)
console.log(p.textContent)
console.log(p.innerHTML)
innerText:
这
是   一段&<你好>

textContent:
这是   一段&<你好>

innerHTML:
这<br>&nbsp;&nbsp;&nbsp;一段&amp;&lt;你好&gt;

结论:

  1. innerText就是在页面上看到的字符串,相当于选中页面上的文本,复制,粘贴
  2. textContent处理html转义字符(html entity),但是忽略格式标签(例如br标签),相当于把格式标签去掉之后,按照innerText处理
⚠️ **GitHub.com Fallback** ⚠️