document.getElementById:

從 JavaScript 訪問某個 HTML 元素，可以使用 document.getElementById(id) 方法。

使用 "id" 屬性來標識 HTML 元素，並 innerHTML 來獲取或插入元素內容：

eg:

<h1>我的第一個 Web 頁面</h1>
<p id="demo">我的第一個段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>

document.write():

使用 document.write() 僅僅向文件輸出寫內容。

如果在文件已完成載入後執行 document.write，整個 HTML 頁面將被覆蓋。

eg:

<h1>我的第一個 Web 頁面</h1>
<p>我的第一個段落。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction()
{
    document.write(Date());
}
</script>

來源於： http://www.runoob.com/js/js-output.html