DOM基础概念

最新推荐文章于 2023-09-05 09:26:32 发布

西唐

最新推荐文章于 2023-09-05 09:26:32 发布

阅读量652

点赞数

分类专栏： web 文章标签： DOM 前端

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近在学前段的东西，无论是html、css还是javascript的文档中都会反复出现一个词“DOM”，一直比较纳闷DOM究竟是何方神圣，下面是在网上找的总结，感觉比较接地气，讲得非常干练，已看就知道了具体的作用。实际要何如使用DOM可以参看w3schhol网站上的讲解，讲得很细致。

一、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属性的。这就是二者的区别与联系。

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

把上述代码复制到一个文件里，改成.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) 和文档验证。

转载地址：http://tianhei.iteye.com/blog/850524

西唐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM基础概念

最近在学前段的东西，无论是html、css还是javascript的文档中都会反复出现一个词“DOM”，一直比较纳闷DOM究竟是何方神圣，下面是在网上找的总结，感觉比较接地气，讲得非常干练，已看就知道了具体的作用。实际要何如使用DOM可以参看w3schhol网站上的讲解，讲得很细致。一、DOM全称文档对象模型（Document Object Model）二、DOM是什么D
复制链接

扫一扫