陈飘

document.getElementByle() 和 document.write() 的区别

document.write() 方法可以用在两个方面：

  • 1、 页面载入过程中用实时脚本创建页面内容，用来追加一些标签。
  • 2、清除当前页面内容(包括源文档的任何变量或值)。重新生成内容。

它的第 2 点和 document.getElementByle() 相区别。前者在清除全部页面内容，然后生成新的内容，即“覆盖文档"。

<script>
function myFunction()
{  
    document.write("糟糕，文档丢失了")
}
</script>
<button type="bulbon" onclick="myFunction()">覆盖文档</button>

点击按钮，括号里的内容则会全部覆盖文档。

后者： 
<script>
document.getElementById("three").innerHTML="段落已修改。";
</script>

这个仅仅只是替换了 id 为 three 里的内容，没有覆盖页面。