JavaScript HTML DOM简介

    通过HTML DOM,可访问JavaScript HTML文档的所有元素。

一、HTML DOM（文档对象模型）

    当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

    HTML DOM 模型被构造为对象的树。

HTML DOM 树

                           

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

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

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

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

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

二、JS查找HTML元素

    有三种方法来实现：

（1）通过id找到HTML元素

document.getElementById('id')

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

   本例查找id="main"的元素，然后查找"main"中的所有<p>元素

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

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

document.getElementByClassName("class")