innerText/textContent/innerHTML

JavaScript

区别

• innerText 的 text 格式和浏览器的显示一致。

• textContent 的 text 格式和代码一致。

• <script> 或 <style> 标签内的 text 只能通过 textContent 来获取。

• innerHTML 获取整个 HTML 内容。

• 设置 innerText 一定会触发重排。

• 设置 textContent 只有在影响到页面布局的时候才会触发重排。

• innerText 只将 block 类型空标签解析成换行（最多一行），inline 类型空标签转换成空格。

• textContent 将每个空标签都解析成换行。