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" οnclick="document.getElementById('id1').style.color='red'"> 点击这里 </button>

转载于:https://my.oschina.net/zhuyingming/blog/680426