在JS中什么是DOM，DOM的节点有哪些

2025-10-31 03:17:23

1、什么是DOM? DOM(document Object Model）,是针对HTML和XML的API。可以理解为DOM就是一系列功能集合。

2、DOM可以用来干什么？理解了DOM是API，就知道它就是一些功能，通过这些功能可以对HTML文档进行动态操作，从而实现许多动态交互效果。

3、DOM是怎么来的？回答这个问题需要追溯到1990年代后期微软与Netscape的‘浏览器大战’。

4、怎么使用DOM? 通过javascript对HTML DOM进行访问。 HTML DOM将html元素定义为对象，API以对象方法和对象属性的形式实现。可直接调用DOM实现的方法，进行DOM操作，例如：

getElementById() 返回带有指定 ID 的元素。 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。 appendChild() 把新的子节点添加到指定节点。 removeChild() 删除子节点。 replaceChild() 替换子节点。 insertBefore() 在指定的子节点前面插入新的子节点。 createAttribute() 创建属性节点。 createElement() 创建元素节点。 createTextNode() 创建文本节点。 getAttribute() 返回指定的属性值。 setAttribute() 把指定属性设置或修改为指定的值。

在JS中什么是DOM，DOM的节点有哪些

5、DOM的最小组成单位就是节点（node）。

DOM树就是由不同类型的节点组成。

每个节点可以看成是DOM树上的叶子。

在DOM中，节点的类型一共有7种

Document：整个文档树的顶层节点；

DocumentType：dotype标签（比如：<!DOCTYPE html>）

Element：网页的各种HTML标签（比如：<body> <h> <a> <div>）

Attribute：网页元素的属性（比如：id=”id” class=”class” type=”text”）

Text：标签之间或标签包含的文本

Comment：注释

DocumentFragment：文档片段

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。