深入理解Dom

一、DOM全称

文档对象模型（Document Object Model）

二、DOM是什么

DOM就是一个编程接口，就是一套API。

DOM是针对标记语言（HTML文档、XML等文档）的一套API。

三、DOM的用途

DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。

现在基本上所有的浏览器都都执行了W3C发布的DOM规范，所以在浏览器上就可以用DOM的这些API。

四、DOM与其他技术的联系

JavaScript 可以通过DOM来访问和操作HTML文档所有的元素。

JavaScript是一种脚本语言，DOM是用来获得和操作HTML文档的节点属性。

JavaScript通常是通过DOM来获得和操作HTML属性的。这就是二者的区别与联系。

<script>
function test() {
    window.alert('成功');
}
</script>
<input type = button value = '提交' onClick = 'test()'/>

第1，2，4，5行是javaScript代码。

第3行是DOM代码（此行一定不要混淆成是JavaScript代码）。这就是JavaScript调用DOM的例子。

第6行是html代码。

五、DOM 与 HTML

HTML文档是树状结构，根为html；

DOM Tree也是树状结构，根为window或document对象。

html通过DOM API来解析生成DOM Tree

六、DOM的级别Level

• DOM0：不是W3C规范。
• DOM1：开始是W3C规范。专注于HTML文档和XML文档。
• DOM2：对DOM1增加了样式表对象模型
• DOM3：对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。