JavaScript基础 -- DOM

一、DOM全称

文档对象模型（Document Object Model）

二、DOM是什么

DOM可以说是制作动态页面的强有力工具。DOM不是JavaScript语言的一部分，而是内置在浏览器中的一个应用程序接口。当然，我们可以简单的理解为一种用于 HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。

三、DOM的用途

DOM（文档对象模型）是一组用来描述脚本怎样与结构化文档进行交互和访问的web标准。他的功能是把浏览器支持的文档（包括HTML XML XHTML）当作一个对象来解析，用来访问或操作文档（包括HTML XML XHTML）中的节点元素。DOM实际上是一个操作文档里面所包含的内容的一个编程的API，允许开发人员从文档中读取、搜索、修改、增加和删除数据。DOM是与平台和语言无关的，也就是说只要是支持DOM的平台和编程语言，你都可以用来编写文档。

四、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>；DOM也是树状结构，根为window或document对象。

所以DOM就可以把HTML以树状的形式呈现出来。

六、DOM的分类

核心 DOM：定义了一套标准的可以针对任何文档的对象。

HTML DOM：针对HTML文档的DOM，是关于如何获取、修改、添加或删除 HTML 元素的标准。

XML DOM：针对XML文档的DOM，是用于获取、更改、添加或删除 XML 元素的标准。

七、DOM的级别Level

DOM0：没有标准被称为0级DOM，它仅是DOM历史上一个参考点。

DOM1：开始是W3C规范。专注于HTML文档和XML文档。

DOM2：对DOM1增加了样式表对象模型

DOM3：对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。

巴特西

JavaScript基础 -- DOM

最新文章

热门文章