全球旧事资料 分类
第五章文档对象模型DOM目标:理解DOM文档对象树掌握如何使用DOM访问文档节点掌握如何使用DOM创建、修改、删除文档节点和属性
f简介
通过W3C提出的文档对象模型DOM,开发人员可以使用JavaScript,使用编程的方式控制网页上所有的元素和属性,本章将详细学习使用DOM对网页的控制
51文档对象模型DOM
文档对象模型DOM是W3C组织提出的公共标准,所有的浏览器在解读XHTML文档的时候,都按照该标准进行解读成固定层次的对象和对象结构。开发人员可以遵循这标准,使用JavaScript在浏览器内部操作和控制所有的XHTML节点元素和属性,从而控制操作网页内容的目的。比如有如下一个XHTML代码:htmlheadtitletesttitleheadbodyh1id”title”helloh1p欢迎bodyhtml浏览器在解读该XHTML文档的时候(有个解析器专门做解读),先在内存中创建一个docume
t对象,然后从XHTML第一个元素开始(html),一个个的为每个元素创建一个节点,当元素有属性时,比如h1有id”title”的属性,也会为对应的属性创建属性节点。在创建的同时,还将这些节点按各自的层次结构组织起来,形成一个倒立的树DOM结构树。如:
Docume
t
Docume
t
Html
Html
Head
Body
Ttitle
H1
P
Test
Hello
欢迎
f同时DOM还规定了相关的节点对象以及方法,JavaScript可以使用这些对象和方法,根据它们在内存中的结构,对每个节点进行操作控制。DOM定义的节点种类文档节点docume
t根节点,代表整个XHTML文档,一个web文档只有一个docume
t节点,所有其他节点都是它的附属节点。文档类型节点docume
tTypeDTD引用节点。如DOCTYPEHTML…文档片段节点docume
tFragme
t可以像docume
t一样保存其他节点元素节点Eleme
t标签元素节点,比如html标签、body标签都是文本节点Text开始标签和结束标签之间的文本内容属性节点Attr标签里面的属性节点CDataSectio
节点以CDATA形式存在在XHTMl中的内容对应的节点注释节点注释,该节点不能有子节点。在DOM树中,每个节点都可以有0到多个子节点,每个节点只能有一个父节点。所有节点都有如下公共的属性和方法:
odeNameStri
g类型,节点名称,根据节点的类型不同而不同,文本节点统一是Text
odeValueStri
g,节点的值,不同节点类型不同,文本节点的值是文本字符,元素节点的值是
ull
odeTypeNumber,表示节点类型的常量值ow
erDocume
tdocume
t,包含该节点的根节点firstChildNode,第一子节点lastChildNode最后一个子节点childNodesNodeList,所有子节点的集合previousSibli
gNode,指向前一个兄弟节点,如果没有就
ur
好听全球资料 返回顶部