`

JavaScript DOM学习笔记1——DOM节点层次

阅读更多

当讨论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 学习笔记第1 2页.docx

    ### JavaScript DOM 学习笔记知识点总结 #### 一、DOM基础概述 DOM(Document Object Model)文档对象模型是一种处理可扩展标记语言的标准编程接口。它提供了结构化文档(如HTML和XML)的标准方法来访问、修改文档...

    js DOM学习笔记11

    JavaScript DOM 学习笔记 JavaScript DOM(Document Object Model)是 HTML 和 XML 文档的编程接口,它提供了一种访问和操作文档结构和内容的方式。DOM 将文档表示为一个树状结构,其中每个节点都代表文档中的一个...

    JS基本功DOM学习笔记

    在"Javascript_DOM学习笔记+代码"中,你可能会发现具体的示例代码和练习,这些可以帮助你更好地理解和实践上述概念。通过深入学习和实践,你将能够熟练地操纵网页内容,创建动态交互的Web应用。

    传播智客扬中科老师讲的DOM 学习笔记

    这一过程涉及了`insertRow`和`insertCell`方法的使用,展示了如何动态创建和插入DOM节点。 ### 动态生成DOM节点 第二个示例中,`createElement`方法被用来创建新的`&lt;tr&gt;`和`&lt;td&gt;`节点,然后将它们添加到DOM树中。...

    javaScript DOM编程艺术2版学习笔记

    在这个学习笔记中,涵盖了从基础到高级的JavaScript和DOM操作技巧,一共涉及1~9章的内容。以下是对这些章节知识点的详细阐述: **第1章:JavaScript简介** 本章介绍了JavaScript的基本概念,包括它是一种解释型、弱...

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

    比较详细的javascript DOM 学习笔记第1/2页

    1. **DOM节点层次** - **Document**:作为整个文档的顶级节点,它包含了文档的全部内容。 - **DocumentType**:表示文档类型声明(如`&lt;!DOCTYPE html&gt;`),没有子节点。 - **DocumentFragment**:临时容器,可以...

    JavaScript DOM编程艺术(中文第二版)学习笔记

    总的来说,JavaScript DOM编程艺术这本书涵盖了JavaScript基础、DOM操作以及实际应用,是学习网页动态交互和JavaScript编程的重要资源。通过学习,开发者能够熟练地创建交互式、动态的网页内容。

    javascript学习笔记1

    ### JavaScript 学习笔记1:数组、DOM与BOM简要总结 #### 数组方法概述 在JavaScript中,数组是一种非常重要的数据结构,用于存储多个值。数组对象提供了多种方法来帮助我们操作数组中的元素。 - **pop()**:从...

    JavaScript_DOM编程—新版学习笔记.txt

    ### JavaScript DOM 编程知识点详解 #### 一、DOM 基础概念 **DOM (Document Object Model)** 是一种用于表示 HTML 和 XML 文档的标准对象模型。它将文档定义为节点树,允许开发者通过编程方式访问和修改这些节点...

    DOM学习笔记

    **DOM学习笔记** DOM,全称为Document Object Model,是HTML和XML文档的一种标准表示方式,它将网页内容结构化为一个可编程的节点树。在DOM中,每个部分(如元素、属性、文本等)都有对应的对象,允许我们通过...

    JavaScript dom编程艺术:个人笔记.pdf

    了解DOM的树状结构,能够熟练地访问和修改DOM节点,包括创建、插入、删除和替换节点等。 3. 事件处理:事件处理是JavaScript与用户交互的核心。学习如何监听用户交互事件,比如点击、悬停、键盘输入等,并且掌握...

    JavaScript达内学习笔记

    ### JavaScript达内学习笔记知识点详解 #### 一、JavaScript简介 1. **JavaScript**是由网景公司在1995年开发的一种脚本语言。它是一种轻量级的编程语言,无需编译,直接由浏览器解释执行。JavaScript的主要作用...

    JavaScript高级程序设计 学习笔记之DOM基础(五)

    这篇学习笔记主要围绕DOM基础展开,涵盖了JavaScript操作DOM的各种方法和技术。 在JavaScript中,DOM被视为一个树形结构,其中每个节点代表了页面上的一个元素、属性或文本。DOM的基础主要包括以下几个方面: 1. *...

    DOM - 学习笔记

    DOM对象层次结构复杂,但有组织性。最顶层的对象是Window,它代表整个浏览器窗口,包含了一系列子对象,如location(表示当前URL)、document(表示整个HTML文档)等。document对象下又包含了一系列子对象,如body...

    Dom编程学习笔记

    韩顺平老师的javascript之dom编程的笔记

    Javascript权威指南学习笔记二

    ### JavaScript权威指南学习笔记二:客户端JavaScript #### 第十二章:Web浏览器中的JavaScript ##### 一、Web浏览器环境 在客户端JavaScript中,浏览器提供了一个特定的执行环境,其中`window`对象扮演着至关...

    JavaScript学习笔记之DOM基础操作实例小结

    在本文中,我们将深入探讨JavaScript DOM基础操作,主要包括子节点、节点类型、元素节点以及父节点的处理。 一、子节点操作 1. 获取子节点数量 在实例01中,我们通过`childNodes.length`获取了`&lt;ul id="ul1"&gt;`元素...

    javascript学习笔记

    以上是对给定文件中JavaScript学习笔记的部分内容进行的详细解读,涵盖了JavaScript的基础知识、语法、数据类型、函数、对象、数组、DOM编程、AJAX以及JSON和jQuery的简介,旨在为初学者提供全面的入门指南。

Global site tag (gtag.js) - Google Analytics