JavaScript与HTML DOM交互

1.HTML DOM (文档对象模型)

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

2.JavaScript和HTML DOM交互

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

（1）JavaScript 能够改变页面中的所有 HTML 元素

（2）JavaScript 能够改变页面中的所有 HTML 属性

（3）JavaScript 能够改变页面中的所有 CSS 样式

（4）JavaScript 能够对页面中的所有事件做出反应

例如，

（1）通过HTML元素的id查找元素

var x=document.getElementById("intro");

（2）通过标签名查找 HTML 元素

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

（3）通过类名找到 HTML 元素

var x=document.getElementsByClassName("intro");