一．什么是DOM
HTML文档对象模型（HTML Document Object Model）定义了访问和处理HTML文档的标准方法。HTML DOM 把HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
在1998年，W3C发布了第一级的DOM规范。这个规范允许访问和操作HTML页面中的每一个单独的元素。所有的浏览器都执行了这个标准，因此，DOM的兼容性问题也几乎难觅踪影了。
DOM可被JavaScript用来读取、改变HTML、XHTML以及XML文档。被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：
Core DOM
定义了一套标准的针对任何结构化文档的对象
XML DOM
定义了一套标准的针对XML文档的对象
HTML DOM
定义了一套标准的针对HTML文档的对象。
二．文档树(节点树)
如下HTML文档：
<html>
<head>
<title>DOM Tutorial</title>
</head>
<body>
<h1>DOM Lesson one</h1>
<p>Hello world!</p>
</body>
</html>
1)除文档节点之外的每个节点都有父节点。
2)大部分元素节点都有子节点。
3)当节点分享同一个父节点时，它们就是同辈（同级节点）
4)节点也可以拥有后代，后代指某个节点的所有子节点，或者这些子节点的子节点
5)节点也可以拥有先辈。先辈是某个节点的父节点，或者父节点的父节点
三．节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是：
nodeName（节点名称） ,nodeValue（节点值）, nodeType（节点类型）
1.nodeName
nodeName属性含有某个节点的名称。
元素节点的nodeName是标签名称
属性节点的nodeName是属性名称
文本节点的nodeName永远是#text
文档节点的nodeName永远是#document
注释：nodeName所包含的XML元素的标签名称永远是大写的
2.nodeValue
对于文本节点，nodeValue属性包含文本。
对于属性节点，nodeValue属性包含属性值。
nodeValue属性对于文档节点和元素节点是不可用的。
3.nodeType
nodeType属性可返回节点的类型。
最重要的节点类型是：
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
四．查找节点
1．通过使用 getElementById() 和getElementsByName()和 getElementsByTagName() 方法
2.通过使用一个元素节点的childNodes,parentNode、firstChild以及lastChild属性
根节点
有两种特殊的文档属性可用来访问根节点：
document.documentElement 可返回存在于XML以及HTML文档中的文档根节点
document.body 对HTML页面的特殊扩展，提供了对<body>标签的直接访问
- 大小: 19.1 KB
分享到：
相关推荐
以上内容是《DOM基础》中的一些核心概念和知识点，它们是网页动态交互和数据操作的基石。掌握这些基础可以帮助开发者在网页中实现更为丰富和动态的效果，从而提升用户体验。对于JavaScript开发者来说，这些知识是...
- `HTML DOM 教程.CHM`：这个教程涵盖了HTML DOM的基础知识，包括节点操作、事件处理等，适合初学者入门。 通过深入了解DOM4J和HTML DOM，开发者可以更好地处理XML和HTML文档，提高应用程序的灵活性和交互性。结合...
这个“HTML DOM 参考手册”中的汉化版确保了国内开发者可以更方便地理解和应用DOM技术，无论是在创建动态网页、实现交互效果，还是在进行自动化测试和网页爬虫等方面，DOM都是不可或缺的知识基础。通过深入学习DOM，...
HTML DOM（文档对象模型）是Web开发中的一个关键概念，它提供了一种结构化的方式来表示HTML或XML文档，并允许编程语言如JavaScript与这些文档进行交互。DOM将文档视为一棵由节点组成的树，其中每个节点代表文档的一...
基础知识点包括变量声明（var, let, const）、数据类型（字符串、数字、布尔、null、undefined等）、运算符（算术、比较、逻辑）、流程控制（条件语句、循环语句）以及函数的定义与调用。 2. **DOM概念**：DOM是一...
1. **DOM基础**：解释DOM是什么，它是如何工作的，以及它在Web开发中的角色。 2. **节点与节点类型**：包括元素节点、属性节点、文本节点等，以及它们之间的关系和遍历方法。 3. **选择节点**：如何使用`...
在学习HTML DOM之前，你需要具备HTML和JavaScript的基础知识。HTML是网页内容的标记语言，而JavaScript是一种脚本语言，常用于网页交互和动态效果。DOM允许JavaScript与HTML文档进行交互，使页面元素变得可编程。 ...
- **基础知识**：在学习HTML DOM之前，建议读者掌握HTML/XHTML和JavaScript的基本知识。 - **DOM 定义**：DOM（Document Object Model）是一种平台和语言中立的接口，它使程序和脚本能够动态地访问和更新文档的内容...
根据给定文件信息，可以提炼出以下知识点： 1. DOM概念 文档对象模型（DOM，Document Object Model）是一个跨平台和...以上知识点覆盖了使用DOM的基本操作和概念，适合初学者入门和了解如何在实际开发中应用DOM操作。
文档对象模型（DOM，Document Object Model）是Web开发...以上是DOM基础中涉及到的关键知识点，它们构成了网页动态交互和内容管理的基础。通过深入理解和应用这些知识点，可以有效地控制网页元素的动态行为和样式表现。
DOM编程基础是网页开发中的重要概念，主要涉及如何使用JavaScript操作HTML页面的元素。DOM（Document Object Model）是HTML和XML文档的一种结构化表示，它将网页内容视为一系列可编程的对象，包括元素、属性和文本。...
以上内容中包含了对DOM中各种对象的属性和方法的使用，BOM模型的核心对象window及其常用方法，JavaScript中的事件处理机制，包括事件是如何产生的、事件对象的特性以及事件冒泡现象，以及面向对象编程的基础知识，...
在本篇【DOM基础知识（五）】中，我们将重点探讨日期对象Date()以及与时间相关的定时器。 日期对象Date()是JavaScript内置的一个对象，它的计算机纪元年始于1970年1月1日0时0分0秒（UTC）。每次创建一个新的Date...
JavaScript 和 DOM（Document Object Model）是前端开发中的基础概念，对于任何希望在网页上实现交互性的开发者来说，理解和掌握这两者至关重要。JavaScript 是一种轻量级的解释型编程语言，广泛应用于网页和网络...
JavaScript教程中的DOM基础是Web开发中的重要组成部分，它允许我们通过编程方式操作HTML和XML文档。DOM（Document Object Model）是一种标准，它将文档结构化为一个可操作的对象树，让我们能够动态地改变网页内容。 ...
HTML.DOM参考手册是一本专注于DOM（Document Object Model）技术的指南，尽管它的版本可能较旧，但其基础知识和核心概念仍然适用于现代Web开发。DOM是HTML和XML文档的标准表示方式，它提供了一种结构化的表示方法，...
HTMLDOM（HTML文档对象模型）是HTML在JavaScript或其他支持DOM的编程语言中的表示方式，允许程序对HTML文档进行动态操作。例如，通过DOM，你可以添加、删除或修改HTML元素，实现交互式网页效果。`DHTML完全手册.chm`...
总的来说，理解XML DOM的基础知识对于任何处理XML数据的开发者来说都是至关重要的。它提供了一种强大的工具，让我们可以灵活地处理和操作XML文档，无论是用于数据交换、页面动态更新还是其他XML相关的任务。通过深入...
JavaScript 操作 HTML DOM（文档对象模型）是网页动态交互的核心技术。...同时，随着Web技术的发展，现代框架如React、Vue等提供了更高层次的抽象，让DOM操作变得更加简洁高效，但基础知识仍然是不可或缺的。