深入剖析DOM文档对象模型

开发 前端
文档对象模型(DocumentObjectModel),通常简称为DOM,是网站内容与JavaScript互通的接口。自JavaScript成为最常用的语言时JavaScript和DOM文档对象模型通常被视为独立的实体。

本文向大家描述一下DOM文档对象模型,文档对象模型(DocumentObjectModel),通常简称为DOM,是网站内容与JavaScript互通的接口。DOM接口用于存取、遍历和控制HTML和XML文档。

DOM文档对象模型   

文档对象模型(DocumentObjectModel),通常简称为DOM,是网站内容与JavaScript互通的接口。自JavaScript成为最常用的语言时JavaScript和DOM文档对象模型通常被视为独立的实体。DOM接口用于存取、遍历和控制HTML和XML文档。

DOM文档对象模型

下面是关于DOM文档对象模型的一些重要的知识:

◆window对象作为全局对象,你仅需尝试使用”window”来访问它。Window对象下包含了你的所有要执行的JavaScript代码。就像所有对象都包含属性和方法。

属性是存储于对象下的变量。所有在网页中创建的变量都会成为window对象的属性。

方法是存储在对象下的函数。在所有函数存储在window对象下时,你可以使用’methods’引用它们。

◆DOM文档对象模型相对于Web文档结构创建层次结构,层次有节点组成。DOM节点有很多不同的类型,其中最重要的要数’Element’、’Text’和’Document’了.

‘Element’节点表示在页面中的元素,所以如果在页面中你有一个段落元素(‘<p>’),那么你可以通过DOM的节点来访问它。
‘Text’节点表示在页面中的所有文本(在元素中),所以如果在页面的段落中有一些文本内容,那么你可以通过DOM的节点来访问它。
‘Document’节点表示整个文档。(它是DOM树的根节点)

另请注意,元素属性是DOM节点本身。

◆不同的布局引擎对于DOM文档对象模型标准的执行是有一定的差别的。例如,使用Gecko布局引擎的FireFox浏览器可以很好的执行(但也并不是完完全全按照W3C规范那样),但使用Trident引擎的IE因它的很多Bug和不完全执行DOM文档对象模型标准而为众人所知。这便是前端开发领域的一大痛苦之处。

【编辑推荐】

  1. 详解XML DOM文档对象模型用法
  2. 探究DOM文档对象模型用法
  3. JavaScript获取HTML DOM节点元素详解
  4. 深入了解JavaScript HTML DOM对象
  5. 解析HTML DOM Checkbox对象的属性和方法
责任编辑:佚名 来源: blog.bingo929.com
相关推荐

2010-09-28 10:03:15

DOM文档对象模型

2012-04-26 08:29:22

DOM

2010-09-28 09:43:37

DOM文档对象模型

2010-09-28 11:03:19

XML DOM

2010-05-27 10:23:01

SVN文档

2010-06-12 14:35:46

UML对象图

2010-09-28 10:40:32

HTML DOM

2010-09-28 09:22:34

DOM模型Html

2010-01-06 10:50:15

.NET Framew

2010-07-12 08:53:32

UML模型图

2010-07-13 13:06:41

Perl面向对象

2010-09-28 09:14:36

HTML DOMJavascript

2009-10-12 16:51:28

VB.NET使用Ora

2010-09-28 10:09:35

DOM对象模型

2012-06-27 09:44:28

ibmdw

2015-08-25 11:17:13

OpenStack对象存储Swift

2021-09-09 10:26:26

Javascript 文档对象前端

2009-09-27 17:13:36

Hibernate V

2009-07-06 10:44:45

JSP charset

2011-06-03 13:48:18

JavaScript重构
点赞
收藏

51CTO技术栈公众号