HTML DOM (文档对象模型)
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被构造为对象的树。

从目前我了解的情况来看,JS可以做到以下几点:
1.JavaScript 能够改变页面中的所有 HTML 元素
2.JavaScript 能够改变页面中的所有 HTML 属性
3.JavaScript 能够改变页面中的所有 CSS 样式
4.JavaScript 能够对页面中的所有事件做出反应
对于JavaScript而言,更加关心的是如何找到 HTML 元素,要是找不到 HTML 元素的话,就没法实施操作,而JS中给我们提供了三种方法去找HTML 元素:
1.通过 id 找到 HTML 元素
2.通过标签名找到 HTML 元素
3.通过类名找到 HTML 元素
①通过 id 查找 HTML 元素
例:查找id为”intro”的元素
var x = document.getElementById("intro");
②通过标签名查找 HTML 元素
例:查找 id=”main” 的元素,然后查找 “main” 中的所有
元素
var x = document.getElementById("main");
var y = x.getElementsByTagName("p");
③通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。
在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。但是不要在文档加载之后使用 document.write()。这会覆盖该文档。
改变 HTML 内容:
修改 HTML 内容的最简单的方法时使用 innerHTML 属性。如需改变 HTML 元素的内容,怎么用下面的语句:
document.getElementById(id).innerHTML = new HTML