innerText和textContent的异同 | Pimi's Blog_link管理

添加链接

注册登录

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

腼腆的帽子 · MINGW各个版本的安装_yum ...· 1 年前 ·

宽容的莲藕 · java getter setter ...· 2 年前 ·

礼貌的小马驹 · easyUI ...· 2 年前 ·

爱听歌的咖啡豆 · Combining Computer ...· 2 年前 ·

侠义非凡的哑铃 · 常用的参数检验和非参数检验方法对比_cumt ...· 2 年前 ·

innerText: IE
textContent: FF

innerText

它的内容实际上就是你在浏览器看到的内容。
它会将innerHTML中的转义字符（<、 &）进行换码
它将元素的innerHTML换码、解释，最终显示出来
去除各种格式信息留下的纯文本。
它会将多个空格并成一个空格对待，会把
换成换行符，而本来的换行符却并不会引起换行

总结：换行必须使用
标签，回车无效
多个空格只显示一个空格

textContent

它的内容则是innerHTML去除所有标签后的内容
它会将innerHTML中的转义字符（<、 &）进行换码
不对任何html标签进行解释，而是直接剔除它们。
不对innerHTML中的文本按照HTML的方式进行格式转换

比如多个空格不会合并为一个空格，换行符仍然存在，相反
却不会导致换行

总结：换行必须回车，
无效
多个空格不会合并成一个

操作

1、HTML转义（对>、<、&等转义字符进行处理）
2、经过HTML解释和CSS解释
3、剔除格式信息

innerText: 处理1、2、3

textContent: 只处理1

推荐文章

腼腆的帽子 · MINGW各个版本的安装_yum 安装mingw-CSDN博客

1 年前

宽容的莲藕 · java getter setter vscode-掘金

2 年前

礼貌的小马驹 · easyUI DataGrid多行上下移动排序，可直接保存到后台_easyui 数据表格拖动排序_瞧风风的博客-CSDN博客

2 年前

爱听歌的咖啡豆 · Combining Computer Game-Based Behavioural Experiments With High-Density EEG and Infrared Gaze Tracking | Protocol (Translated to C

2 年前

侠义非凡的哑铃 · 常用的参数检验和非参数检验方法对比_cumt-nku-ting的博客-CSDN博客

2 年前

Link管理 · Sov5搜索 · 小百科

link管理 - 链接快照平台