DOM到底什么？

显示全部楼层 · 2017-4-27 09:22:03

一、DOM全称
文档对象模型（Document Object Model）

二、DOM是什么
DOM就是一个编程接口，就是一套API。
DOM是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。

三、DOM的用途
DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。
现在基本上所有的浏览器都都执行了W3C发布的DOM规范，所以在浏览器上就可以用DOM的这些API。

四、DOM与其他技术的联系
JavaScript 可以通过 DOM 来访问和操作HTML文档所有的元素。
JavaScript是一种脚本语言，DOM是用来获得和操作HTML文档的节点属性。JavaScript通常是通过DOM来获得和操作HTML属性的。这就是二者的区别与联系。

[JavaScript] 纯文本查看 复制代码

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

把上述代码复制到一个文件里，改成.html扩展名后，打开此html文档，点击"提交"按钮会弹出"成功"对话框。
其中：
第1，2，4，5行是JavaScript代码。
第3行是DOM代码（此行一定不要混淆成是JavaScript代码）。这就是JavaScript调用DOM的例子。
第6行是html代码。

五、DOM详细说明
HTML文档是树状结构，根为<HTML>；DOM也是树状结构，根为window或document对象。
所以DOM就可以把HTML以树状的形式呈现出来。

六、DOM的分类
核心 DOM：定义了一套标准的可以针对任何文档的对象。
HTML DOM：针对HTML文档的DOM。
XML DOM：针对XML文档的DOM。

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