innerText和innerHTML区别

两者的主要区别是innerHTML 属性不自动对进出 HTML 实体的特殊字符进行编码,innerText 属性自动对进出 HTML 实体的特殊字符进行编码.

例如:

如果 innerHTML 属性设置为 "<b> Hello </b>",则 < 和 > 字符不会分别转换为 & lt; 和 & gt;.呈现的输出仍将是:<b> Hello </b>.浏览器将检测 <b> 标记并用粗体显示“Hello”文本.
如果 innerText 属性设置为 "<b> Hello </b>",则 < 和 > 符号分别转换为 & lt;  和 & gt;.呈现的输出将是:& lt;  b & gt; Hello & lt; /b & gt;.& lt;  和 & gt; 实体将向浏览器指示这些字符将显示在页上.浏览器将不检测 <b> 标记并用粗体显示该文本.显示在页上的文本是:<b> Hello </b>.

下边是两个例子:

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


评论: 1 | 引用: 0 | 查看次数: 5125
发表评论
登录后再发表评论!