深入剖析DOM文档对象模型
创始人
2024-07-15 03:31:42
0

本文向大家描述一下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’节点表示在页面中的元素,所以如果在页面中你有一个段落元素(‘

’),那么你可以通过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对象的属性和方法

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...