DOM的的概述

DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点

DOM

很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法,不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等,Dom技术使得页面的交互性大大地增强。[1]

DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。

通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。

在 1998 年,W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。

所有的浏览器都执行了这个标准,因此,DOM 的兼容性问题也几乎难觅踪影了。

DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。

DOM 被分为不同的部分(核心、XML及HTML)和级别(DOM Level 1/2/3):

DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。(通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。)

小结:

(1)常用文档:HTML文档和XML文档

(2)DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系,可以把DOM认为是页面上数据和结构的一个树形表示。

(3)把“HTML文档”  或  “XML文档”  对象化  后,就可以形成DOM对象,这样通过DOM对象(该对象包含若干  "操作"  文档所需的子对象)就可以操作 “HTML文档” 或 “XML文档”。

时间: 2024-11-13 06:49:36

DOM的的概述的相关文章

javascript中12种DOM节点类型概述

× 目录 [1]元素 [2]特性 [3]文本[4]CDATA[5]实体引用[6]实体名称[7]处理指令[8]注释[9]文档[10]文档类型[11]文档片段[12]DTD 前面的话 DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model).它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构.DO

深入理解DOM节点类型第一篇——12种DOM节点类型概述

前面的话 DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model).它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构.DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类型的节点组成.本文将主要说明DOM节点类型 总括 一般地,节点至少拥有nodeType.node

JS DOM基础 事件概述 事件流 事件处理方法 添加监听器 事件类型 事件对象 事件委托

一.事件概述 事件是什么? 在我们的生活中,都会接触到事件这样一个概念,它通常通过描述发生这件事的时间.地点.人物,发生了什么来进行概括. 同样的在javascript也有这样的一个的东西------事件. 页面上发生的事件:鼠标移动.点击.滚动等等. 事件描述了页面上发生的事情,通常它有以下三个要素组成: 事件源:触发事件的元素 事件类型:事件的触发方式(例如鼠标点击或键盘点击) 事件处理程序(事件监听器):事件触发后要执行的代码(函数形式) Javascript 使我们可以动态的去操作一个页

Javascript——DOM编程

Javascript--DOM编程 基本概述 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方法.DOM 可被 JavaScript 用来读取.改变 HTML.XHTML 以及 XML 文档.具体定义可以参考--百度百科 DOM的必要性 1.DOM编程重要的作用是可以让用户对网页元素进行交互操作.

JavaScript之DOM-10 cookie (cookie概述、cookie操作)

一.Cookie 概述 Cookie 简介 - Cookie 是由服务器生成并存存储在客户端文件系统(.txt格式)中的key/value对,当浏览器再次请求该站点上的页面时,就会自动把保存的Cookie发回服务器 - Cookie 使得浏览器可以在访问同一站点的不同请求间传递数据,让服务器程序识别不同的客户端 - 典型应用: 保存用户登录状态.跟踪用户行为.页面定制.保存购物车等需要保存全局变量的场合 Cookie 的存放 - Cookie 保存在客户端某个特定的目录下的一个.txt文本文件中

Python爬取CSDN博客文章

之前解析出问题,刚刚看到,这次仔细审查了 0 url :http://blog.csdn.net/youyou1543724847/article/details/52818339Redis一点基础的东西目录 1.基础底层数据结构 2.windows下环境搭建 3.java里连接redis数据库 4.关于认证 5.redis高级功能总结1.基础底层数据结构1.1.简单动态字符串SDS定义: ...47分钟前1 url :http://blog.csdn.net/youyou1543724847/

SAX,功能强大的 API

https://www.ibm.com/developerworks/cn/xml/x-saxapi/ SAX,功能强大的 API 在摘自 XML by Example 的本篇预览中比较了 DOM 和 SAX,然后开始使用 SAX 这篇对 Benoit Marchal 所著的 XML by Example第二版的预览给出了对 SAX 的翔实介绍,SAX 是用于处理 XML 的基于事件的 API,它已经成为事实上的标准.本篇预览讲述了何时使用 SAX 替换 DOM,概述了常用的 SAX 接口,并在

历经5年锤炼(史上最适合初学者入门的Java基础视频)--视频列表

\JavaSE基础视频01\01-计算机语言概述.avi;\JavaSE基础视频01\02-Java语言的跨平台原理(JVM).avi;\JavaSE基础视频01\03-Java语言(JDK&JRE).avi;\JavaSE基础视频01\04-Java语言(JDK的下载与安装).avi;\JavaSE基础视频01\05-Java语言(JDK中的命令行工具).avi;\JavaSE基础视频01\06-Java语言(命令行简介).avi;\JavaSE基础视频01\07-Java语言(环境变量配置)

了解SVG

教程细节 ·      语言: JavaScript,HTML, SVG ·      难度: 中等 ·      估计阅读时间: 30 分钟 SVG-可缩放矢量图形 ,是一个XML风格标记驱动的矢量图形的浏览器渲染引擎.除了IE 9.0和Android V3之前版本号外的全部浏览器都支持SVG.Canvas也有相同的支持情况,所以问题往往表现为:我们应该使用哪种方案? 今天,我们将全面介绍SVG,而且解释为什么"我应该使用哪一个"这个问题通常的答案是 "我要用它们来做什么&