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>