当讨论DOM树的时候,一般讨论的是节点的层次。DOM定义了Node的接口以及许多种节点类型来表现XML节点的多方面:
Document |
顶层节点,所有其他节点依附于该节点 |
DocumentType |
DTD引用。它不能包含子节点 |
DocumentFragment |
可以像Document节点一样保存其他节点 |
Element |
其实标签和结束标签之间的内容<tag></tag>或者<tag/>这是唯一一个能够包含特性和子节点的节点类型 |
Attr |
代表一对特性名和特性值,该节点类型不能包含子节点 |
Text |
代表XML文档中在起始标签和结束标签中或者CData Section中的普通文本。该节点不能包含子节点。 |
CDataSection |
<![CDATA[]]>的对象表现形式,该节点类型只能包含Text作为子节点。 |
Entity |
在DTD中定义的一个实体对象,这个节点类型不能包含子节点。 |
EntityReference |
代表一个实体引用,这个节点类型不能包含子节点。 |
ProcessingInstruction |
代表一个PI,这个节点类型不能包含子节点。 |
Comment |
代表注释。这个节点类型不能包含子节点。 |
Notation |
代表在DTD中定义的记号 |
一个文档是有任意多个节点的层次组成的。看看下面的XML文档:
<?xml version="1.0"?>
<employees>
<!--only employee-->
<employee>
<name>Michael Smith</name>
<position>Software Engineer</position>
<comments><![CDATA[
His Birthday is 8/14/68
]]>
</comments>
</employee>
</employees>
下面的图对应上面的XML文档。
Node接口中定义了不同节点类型对应的常量,它们将在讨论nodeType属性时用到:
Node.ELEMENT_NODE (1)
Node.ATTRBUTE_NODE(2)
Node.TEXT_NODE(3)
Node.CDATA_SECTION_NODE(4)
Node.ENTITY_REFERENCE_NODE(5)
Node.ENTITY_NODE(6)
Node.PROCESSING_INSTRUCTION_NODE(7)
Node.COMMENT_NODE(8)
Node.DOCUMENT_NODE(9)
Node.DOCUMENT_TYPE_NODE(10)
Node.DOCUMENT_FRAGMENT_NODE(11)
Node.NOTATION_NODE(12)
Node接口还定义了一些所有节点都包含的特性与方法。这里就不列举,后面讲到了再详细说。
参考书目:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
分享到:
相关推荐
### JavaScript DOM 学习笔记知识点总结 #### 一、DOM基础概述 DOM(Document Object Model)文档对象模型是一种处理可扩展标记语言的标准编程接口。它提供了结构化文档(如HTML和XML)的标准方法来访问、修改文档...
JavaScript DOM 学习笔记 JavaScript DOM(Document Object Model)是 HTML 和 XML 文档的编程接口,它提供了一种访问和操作文档结构和内容的方式。DOM 将文档表示为一个树状结构,其中每个节点都代表文档中的一个...
在"Javascript_DOM学习笔记+代码"中,你可能会发现具体的示例代码和练习,这些可以帮助你更好地理解和实践上述概念。通过深入学习和实践,你将能够熟练地操纵网页内容,创建动态交互的Web应用。
这一过程涉及了`insertRow`和`insertCell`方法的使用,展示了如何动态创建和插入DOM节点。 ### 动态生成DOM节点 第二个示例中,`createElement`方法被用来创建新的`<tr>`和`<td>`节点,然后将它们添加到DOM树中。...
在这个学习笔记中,涵盖了从基础到高级的JavaScript和DOM操作技巧,一共涉及1~9章的内容。以下是对这些章节知识点的详细阐述: **第1章:JavaScript简介** 本章介绍了JavaScript的基本概念,包括它是一种解释型、弱...
以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...
1. **DOM节点层次** - **Document**:作为整个文档的顶级节点,它包含了文档的全部内容。 - **DocumentType**:表示文档类型声明(如`<!DOCTYPE html>`),没有子节点。 - **DocumentFragment**:临时容器,可以...
总的来说,JavaScript DOM编程艺术这本书涵盖了JavaScript基础、DOM操作以及实际应用,是学习网页动态交互和JavaScript编程的重要资源。通过学习,开发者能够熟练地创建交互式、动态的网页内容。
### JavaScript 学习笔记1:数组、DOM与BOM简要总结 #### 数组方法概述 在JavaScript中,数组是一种非常重要的数据结构,用于存储多个值。数组对象提供了多种方法来帮助我们操作数组中的元素。 - **pop()**:从...
### JavaScript DOM 编程知识点详解 #### 一、DOM 基础概念 **DOM (Document Object Model)** 是一种用于表示 HTML 和 XML 文档的标准对象模型。它将文档定义为节点树,允许开发者通过编程方式访问和修改这些节点...
**DOM学习笔记** DOM,全称为Document Object Model,是HTML和XML文档的一种标准表示方式,它将网页内容结构化为一个可编程的节点树。在DOM中,每个部分(如元素、属性、文本等)都有对应的对象,允许我们通过...
了解DOM的树状结构,能够熟练地访问和修改DOM节点,包括创建、插入、删除和替换节点等。 3. 事件处理:事件处理是JavaScript与用户交互的核心。学习如何监听用户交互事件,比如点击、悬停、键盘输入等,并且掌握...
### JavaScript达内学习笔记知识点详解 #### 一、JavaScript简介 1. **JavaScript**是由网景公司在1995年开发的一种脚本语言。它是一种轻量级的编程语言,无需编译,直接由浏览器解释执行。JavaScript的主要作用...
这篇学习笔记主要围绕DOM基础展开,涵盖了JavaScript操作DOM的各种方法和技术。 在JavaScript中,DOM被视为一个树形结构,其中每个节点代表了页面上的一个元素、属性或文本。DOM的基础主要包括以下几个方面: 1. *...
DOM对象层次结构复杂,但有组织性。最顶层的对象是Window,它代表整个浏览器窗口,包含了一系列子对象,如location(表示当前URL)、document(表示整个HTML文档)等。document对象下又包含了一系列子对象,如body...
韩顺平老师的javascript之dom编程的笔记
### JavaScript权威指南学习笔记二:客户端JavaScript #### 第十二章:Web浏览器中的JavaScript ##### 一、Web浏览器环境 在客户端JavaScript中,浏览器提供了一个特定的执行环境,其中`window`对象扮演着至关...
在本文中,我们将深入探讨JavaScript DOM基础操作,主要包括子节点、节点类型、元素节点以及父节点的处理。 一、子节点操作 1. 获取子节点数量 在实例01中,我们通过`childNodes.length`获取了`<ul id="ul1">`元素...
以上是对给定文件中JavaScript学习笔记的部分内容进行的详细解读,涵盖了JavaScript的基础知识、语法、数据类型、函数、对象、数组、DOM编程、AJAX以及JSON和jQuery的简介,旨在为初学者提供全面的入门指南。