肚子有點餓XD 肚子餓的時候就想吃美食

3愛的鼓勵 0訂閱站台

網頁內偶爾可以看到類似互動的按鈕，按一下就顯示某個字串，這是怎麼做到的呢？有一種普遍的做法，就是使用JavaScript 的 innerHTML 功能，什麼是 innerHTML？顧名思義當然就是 inner 某個東西（字串）到 HTML 的某個區域囉！很簡單裡解對吧！？

好了，問題來了，這個 JavaScript innerHTML 要怎麼使用？首先我們要先了解他的語法，根據 Wibibi 的解說，innerHTML 常與 getElementById 搭配起來使用，如果熟悉 getElementById 的朋友，看到這裡應該就知道怎麼使用了，舉個簡單的例子來說，有一段 javascript innerHTML 的語法這樣寫：

document.getElementById("ShowBox").innerHTML='早安';

意思是什麼呢？很簡單，就是用 getElementById 找到網頁內 id 為 ShowBox 的元素，然後把＂早安＂這兩個字串，透過 innerHTML 插入到元素的區域內，就做到第一段所談及的那種網頁互動效果囉！Wibibi 上有兩篇可能可以解釋比較清楚的文章，請參閱這兩篇

JavaScript innerHTML：http://www.wibibi.com/info.php?tid=400
document.getElementById：http://www.wibibi.com/info.php?tid=256