木子屋
 

标题: innerText和innerHTML区别

作者: dnawo

日期: 2006-12-01 07:47 PM

分类: 脚本语言

内容: 两者的主要区别是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代码
function msg1(){
var msg;
msg = document.getElementById("div1").innerHTML;
msg += "\n";
msg += document.getElementById("div1").innerText;
alert(msg);
}
11111111111

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
HTML代码
function msg1(){
var msg;
msg = "11111111111";
document.getElementById("div1").innerHTML = msg;
document.getElementById("div2").innerText = msg;
}
123
456

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

+ 查看当前日志评论 (1)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

标题: innerText和innerHTML区别

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms