JS 核心之 DOM

DOM 的全称是" Document Object Model "，中文意思为“文档对象模型”。

就像 JS 中所有的对象都继承自 Object 一样，浏览器提供一个原生的节点对象 Node （Node 是一个函数）， DOM 的所有节点都继承自 Node ，Node 又继承自 Object，因此它们具有一些共同的属性和方法。

一个文档的所有节点，按照所在的层级，可以抽象成一种树状结构。这种树状结构就是 DOM 树。

顶层的 根节点 html 属于 Document 节点，代表整个文档；

第二层级和第三层级的属于 Element 节点，即网页的各种 HTML 标签；

第四层级的属于 Text 节点，即标签之间或标签包含的文本。

页面中的节点，通过上述不同的构造函数，构造出相应的对象。

由此可以看出 DOM 的主要作用 ：DOM 是 JavaScript *** 作网页的接口，它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种 *** 作（如增删改查）。

DOM 有自己的国际标准，目前通用版本是 DOM 3。

Node 属性有很多，用到时可以查询文档。

如果一个属性是函数，那么这个属性也叫做 方法 ；即方法是函数属性。

document对象是文档的根节点，windowdocument属性就指向这个对象。

通过 DOM API 获取到的 elements 都是伪数组。

Element 对象对应网页的 HTML 元素。每一个 HTML 元素在 DOM 树上都会转化成一个 Element 节点对象。

DOM 提供两种节点集合，用于容纳多个节点： NodeList 和 HTMLCollection 。这两种集合都属于接口规范。许多 DOM 属性和方法，返回的结果是 NodeList 实例或 HTMLCollection 实例。

节点对象除了继承 Node 接口以外，还会继承其他接口。

DOM（ Document Object Model）是通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

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

根据 DOM，HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包含在 HTML 元素中的文本是文本节点

每一个 HTML 属性是一个属性节点

注释属于注释节点

你好！

1、getElementsByTagName就是获得所有a元素的方法。

2、你可以通过父节点获得childNodes(n),如果要获得节点下的所有a元素。可以遍历childNodes所得数组，然后判断targetName属性的值。

如果对你有帮助，望采纳。

以上就是关于JS 核心之 DOM全部的内容，包括:JS 核心之 DOM、什么是dom，html中三种常见的dom节点、javascript html dom 中获取某节点下的所有某元素的数组等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！