HTML DOM （文檔對象模型）

HTML DOM （文檔對象模型） 當網頁被加載時，瀏覽器會建立頁面的文檔對象模型（Document Object Model）。 HTML DOM 模型被構造爲對象的樹。 HTML DOM 樹 DOM HTML 樹 經過可編程的對象模型，JavaScript 得到了足夠的能力來建立動態的 HTML。 JavaScript 可以改變頁面中的全部 HTML 元素 JavaScript 可以改變頁面中的全部 HTML 屬性 JavaScript 可以改變頁面中的全部 CSS 樣式 JavaScript 可以對頁面中的全部事件作出反應 HTML DOM 容許 JavaScript 改變 HTML 元素的樣式。 改變 HTML 樣式 如需改變 HTML 元素的樣式，請使用這個語法： document.getElementById(id).style.property=new style 例子 1 下面的例子會改變 <p> 元素的樣式：

<p id="p2">Hello World!</p>

<script> document.getElementById("p2").style.color="blue"; </script>

親自試一試 例子 2 本例改變了 id="id1" 的 HTML 元素的樣式，當用戶點擊按鈕時：

<h1 id="id1">My Heading 1</h1>

<button type="button" onclick="document.getElementById('id1').style.color='red'"> 點擊這裏 </button>