JavaScript HTML DOM

                                                    JavaScript  HTML DOM

1、DOM是中立于平台和语言的接口，它允许程序和脚本动态访问和更新文档的内容、结构、样式，它同时还发为3中不同部分

（1)、核心DOM：针对任何结构化文档的标准模型

（2）、XML DOM：针对XML文档的标准模型

（3）、HTML DOM：针对HTML文档的标准模型

注意：HTML DOM 定义了所有HTML元素的对象和属性，以及访问它们的方法

1. 文档对象模型可获取到HTML 元素，通过选择器获取。他同时是JavaScript操作网页的接口，它的作用是将网页转为一个JavaScript对象，从而可以用脚本进行各种增删减改内容的操作。

3、查找 HTML 元素

通常，通过JavaScript，您需要操作HTML元素。您必须首先找到该元素。

有三种方法来做这件事：共有三种选择器

（1）通过 id 找到 HTML 元素：getElementById()

（2）通过标签名找到 HTML 元素：getElementsByTagName()

（3）通过类名找到 HTML 元素 ：getElementsByClassName()

4、通过 id 查找 HTML 元素

4-1在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。

4-2本例查找 id="intro" 元素：

4-3如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。

4-4如果未找到该元素，则 x 将包含 null。

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

5、通过标签名查找 HTML 元素

5-1本例查找所有 <p> 元素：

var y = document.getElementsByTagName("p");根据标签名获取的不是单个元素，而是多个元素，是个集合。通过类名找到 HTML 元素

5-2本例查找 class="introc" 的元素

var z = document.getElementsByClassName("introc");

5-3下面的例子返回包含文档中所有 <p> 元素的列表，并且这些 <p> 元素应该是 id="main" 的元素的后代（子、孙等等）：

var x = document.getElementById ("main").

getElementsByTagName("p");

注意：DOM并不是一个编程语言，它只是一个接口规范，可以用各种语言实现。DOM并不是JavaScript语法的一部分，但是如果没有DOM，JavaScript语言就没有办法控制网页。