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

Java代码  收藏代码
  1. <script>  
  2.     function test(){  
  3.         window.alert("成功。");  
  4.     }  
  5. </script>  
  6. <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) 和文档验证。

原文地址:https://www.cnblogs.com/jeremy5810/p/7661949.html