DOM详解
DOM的基本对象有5个:Document,Node,NodeList,Element和Attr。
Document对象代表了整个XML的文档,所有其它的Node,都以一定的顺序包含在Document对象之内,排列成一个树形的结构,程序员可以通过遍历这颗树来得到XML文档的所有的内容,这也是对XML文档操作的起点。我们总是先通过解析XML源文件而得到一个Document对象,然后再来执行后续的操作。此外,Document还包含了创建其它节点的方法,比如createAttribut()用来创建一个Attr对象。它所包含的主要的方法有:
createAttribute(String):用给定的属性名创建一个Attr对象,并可在其后使用setAttributeNode方法来放置在某一个Element对象上面。
createElement(String):用给定的标签名创建一个Element对象,代表XML文档中的一个标签,然后就可以在这个Element对象上添加属性或进行其它的操作。
createTextNode(String):用给定的字符串创建一个Text对象,Text对象代表了标签或者属性中所包含的纯文本字符串。如果在一个标签内没有其它的标签,那么标签内的文本所代表的Text对象是这个Element对象的唯一子对象。
getElementsByTagName(String):返回一个NodeList对象,它包含了所有给定标签名字的标签。
getDocumentElement():返回一个代表这个DOM树的根节点的Element对象,也就是代表XML文档根元素的那个对象。
Node对象是DOM结构中最为基本的对象,代表了文档树中的一个抽象的节点。在实际使用的时候,很少会真正的用到Node这个对象,而是用到诸如Element、Attr、Text等Node对象的子对象来操作文档。Node对象为这些对象提供了一个抽象的、公共的根。虽然在Node对象中定义了对其子节点进行存取的方法,但是有一些Node子对象,比如Text对象,它并不存在子节点,这一点是要注意的。Node对象所包含的主要的方法有:
appendChild(org.w3c.dom.Node):为这个节点添加一个子节点,并放在所有子节点的最后,如果这个子节点已经存在,则先把它删掉再添加进去。
getFirstChild():如果节点存在子节点,则返回第一个子节点,对等的,还有getLastChild()方法返回最后一个子节点。
getNextSibling():返回在DOM树中这个节点的下一个兄弟节点,对等的,还有getPreviousSibling()方法返回其前一个兄弟节点。
getNodeName():根据节点的类型返回节点的名称。
getNodeType():返回节点的类型。
getNodeValue():返回节点的值。
hasChildNodes():判断是不是存在有子节点。
hasAttributes():判断这个节点是否存在有属性。
getOwnerDocument():返回节点所处的Document对象。
insertBefore(org.w3c.dom.Node new,org.w3c.dom.Node ref):在给定的一个子对象前再插入一个子对象。
removeChild(org.w3c.dom.Node):删除给定的子节点对象。
replaceChild(org.w3c.dom.Node new,org.w3c.dom.Node old):用一个新的Node对象代替给定的子节点对象。
NodeList对象,顾名思义,就是代表了一个包含了一个或者多个Node的列表。可以简单的把它看成一个Node的数组,我们可以通过方法来获得列表中的元素:
GetLength():返回列表的长度。
Item(int):返回指定位置的Node对象。
Element对象代表的是XML文档中的标签元素,继承于Node,亦是Node的最主要的子对象。在标签中可以包含有属性,因而Element对象中有存取其属性的方法,而任何Node中定义的方法,也可以用在Element对象上面。
getElementsByTagName(String):返回一个NodeList对象,它包含了在这个标签中其下的子孙节点中具有给定标签名字的标签。
getTagName():返回一个代表这个标签名字的字符串。
getAttribute(String):返回标签中给定属性名称的属性的值。在这儿需要主要的是,应为XML文档中允许有实体属性出现,而这个方法对这些实体属性并不适用。这时候需要用到getAttributeNodes()方法来得到一个Attr对象来进行进一步的操作。
getAttributeNode(String):返回一个代表给定属性名称的Attr对象。
Attr对象代表了某个标签中的属性。Attr继承于Node,但是因为Attr实际上是包含在Element中的,它并不能被看作是Element的子对象,因而在DOM中Attr并不是DOM树的一部分,所以Node中的getparentNode(),getpreviousSibling()和getnextSibling()返回的都将是null。也就是说,Attr其实是被看作包含它的Element对象的一部分,它并不作为DOM树中单独的一个节点出现。这一点在使用的时候要同其它的Node子对象相区别。
需要说明的是,上面所说的DOM对象在DOM中都是用接口定义的,在定义的时候使用的是与具体语言无关的IDL语言来定义的。因而,DOM其实可以在任何面向对象的语言中实现,只要它实现了DOM所定义的接口和功能就可以了。同时,有些方法在DOM中并没有定义,是用IDL的属性来表达的,当被映射到具体的语言时,这些属性被映射为相应的方法。
分享到:
相关推荐
JavaScript DOM详解 JavaScript DOM(Document Object Model)是用于处理HTML和XML文档的一种标准编程接口。它将网页内容结构化为一个树形结构,允许我们通过JavaScript来操纵网页元素,实现动态网页效果。在这个...
以下是关于JavaScript中DOM操作的一些关键知识点,结合火狐和IE之间的差异进行详细讲解: 1. **平稳退化和向后兼容**: - 开发者应该始终确保代码对不同浏览器的兼容性,通过测试和检查来确保DOM方法的可用性。 ...
JavaScript中的BOM(Browser Object Model,浏览器对象模型)和DOM(Document Object Model,文档对象模型)是两个核心概念,它们都是JavaScript与网页交互的关键部分。 **BOM(浏览器对象模型)** 1. **Window...
Vue.js 是一款流行的前端框架,它的核心特性之一就是使用虚拟DOM(Virtual DOM)技术来优化网页性能。虚拟DOM是JavaScript中的一个抽象概念,它模仿了实际DOM(Document Object Model)的结构,但并不直接操作DOM,...
DOM Core API还允许仅通过DOM API调用来构建一个Document对象,而创建文档骨架并持久保存则留给实现DOM API的产品来完成。 1.1.1. DOM结构模型 DOM将文档表现为一个Node对象的层次结构,这些对象同时实现了更专门的...
<script type "text javascript"> 创建一个新节点 var a document createElement "div" ; 使用警告对话框输出节点 alert a ;... 创建一个新节点 传入不合法的 [更多]
我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准; [所有浏览器公共遵守的标准] 2. BOM 是 ...
dom基本知识详解dom基本知识详解dom基本知识详解dom基本知识详解dom基本知识详解dom基本知识详解dom基本知识详解
**DOM4J与HTML DOM详解** DOM4J和HTML DOM是两种不同的XML处理技术,它们在解析、操作和构建XML文档时发挥着重要作用。这里,我们深入探讨这两个库及其相关资源。 1. **DOM4J** - **定义**:DOM4J是一个Java库,...
本文将深入探讨ActiveObject中的一个关键对象——Msxml2.DOMDocument,以及它在ASP.NET AJAX WebService中的应用。 Msxml2.DOMDocument是Microsoft XML库(MSXML)中的核心组件,它实现了W3C的Document Object ...
### 掌握Ajax系列之第五部分:操纵DOM详解 #### 使用JavaScript即时更新Web页面 在“掌握Ajax”系列的第五部分中,我们深入探讨了如何使用JavaScript操纵文档对象模型(DOM),以实现实时更新Web页面,而无需进行...
JavaScript中DOM操作详解主要涉及了使用jQuery进行DOM操作以及在不同的浏览器,特别是火狐(Firefox)和IE(微软Internet Explorer)浏览器之间存在的一些JavaScript差异。本文将详细介绍这些内容,并提供一些编写跨...
这种机制大大简化了Web应用的状态管理,并且减少了对DOM操作的需要。 实例代码展示: ```html <!DOCTYPE html> <title>AngularJS HTML DOM</title> ...
DOM4J 操作详解 DOM4J 是一个 Java 库,用于处理 XML 文档,它提供了灵活且高效的方式来解析、创建、修改 XML 内容。DOM4J 基于 DOM(文档对象模型)的概念,但相比标准 DOM,它更轻量级且易于使用。在本文中,我们...
【QTP与DOM详解】 QTP,全称QuickTest Professional,是HP公司(现已被Micro Focus收购)推出的一款自动化测试工具,主要用于功能测试和回归测试。它提供了录制、回放和脚本编辑的功能,适用于Web、桌面应用以及...
我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型)。 今天主要学习BOM和DOM。 BOM: BOM提供了很多对象,用来访问浏览器的功能,这些功能于网页...
#### 二、DOM详解 ##### 1. 数据结构 DOM是一种树形结构的数据模型,用于表示XML或HTML文档。它将整个文档加载到内存中,并构建一个树状结构,使得文档可以被轻松地读取和修改。在DOM中,每个元素都是一个节点,...
2. **HTML DOM详解**:详述DOM的结构,包括节点类型、遍历和操作DOM树的方法。 3. **事件处理**:讲解如何绑定和处理各种用户交互事件,如点击、鼠标移动等。 4. **CSS样式操作**:如何通过JavaScript动态改变元素的...
Java DOM4J解析XML详解 XML(eXtensible Markup Language)是一种用于标记数据的语言,广泛应用于数据交换、配置文件和文档存储等领域。DOM4J是Java中一个强大的、轻量级的处理XML的库,它提供了丰富的API来读取、...