1.document.wirte
document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。
2.document.innerHTML
innerHTML则是DOM页面元素的一个属性，可以用来读、写给定元素里的HTML内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容，则需要修改document.documentElement.innerElement。
3.innerText
获取从起始位置到终止位置的内容,但它去除Html标签。
火狐浏览器不支持该标签，但所有浏览器都支持 innerHTML标签。
总结：
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器（现在也适应chrome浏览器），因此，尽可能地去使用 innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。
write会导致页面重新绘制，而且性能略低于innerHTML,所有推荐使用innerHTML.
// 测试innerHTML
//该方法有误
//var testDiv = document.getElementById('tr1');
//testDiv.inerHTML = "<p>I love <em>JavaScript</em>!</p>";
//该方法正确，我也不知道为什么，请大神指教
document.getElementById('tr1').innerHTML = "ddd<br/>ddd";
//下面方法会导致页面重绘
//document.write("ddd" + "<br/>");
//innerText用于获取或设置 HTML标签里的text文本
//document.getElementById("testInner").innerText = "changedddd";//一个简单的符合W3C标准的示例
//弹出的为去掉HTML标签之后的内容
<html>
<head><title>innerHTML</title></head>
<body>
<div id="d1"><p id="p1">hello world </p></div>
<script>
var content = document.getElementById("p1");
alert(content.innerHTML.replace(/& lt;.+?>/gim,''));
</script>
</body>
</html> 
1871
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
