导航：首页 > 开发技术 >

JavaScript中dom是指什么

发表于：2024-11-23 作者：千家信息网编辑

千家信息网最后更新 2024年11月23日，本篇内容主要讲解"JavaScript中dom是指什么"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"JavaScript中dom是指什么"吧!在JavaS

千家信息网最后更新 2024年11月23日JavaScript中dom是指什么

本篇内容主要讲解"JavaScript中dom是指什么"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"JavaScript中dom是指什么"吧!

在JavaScript中，dom指的是"文档对象模型"，是HTML和XML文档的编程接口；它定义了访问和处理HTML文档的标准方法，定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

1 DOM概念

文档对象模型（Document Object Model，DOM），它定义了访问和处理HTML文档的标准方法。现在我们主要接触到的是HTML DOM。

DOM是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。

HTML文档中的每个成分都是一个节点。HTML文档中的所有节点组成了一个文档树（节点树）。HTML文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续延伸枝条，直到处于这棵树最低级别的所有文本节点为止。学习DOM，就是学习一些操作页面元素的API（方法）。下图表示一个文档树。

2 DOM的组成

DOM是由节点组成的。节点又分为标签节点、属性节点、文本节点。

3 DOM的用途

通过JavaScript，我们可以重构整个HTML页面文档。可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西（即动态改变），JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型（DOM）来获得的。