08JavaScript文档对象模型总结(DOM).docx资源-CSDN文库

需积分: 9 121 浏览量 2020-04-27 23:19:47 上传评论收藏 21KB DOCX 举报

资源推荐

资源详情

资源评论

JavaScript 文档对象模型总结

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Adobe Dreamweaver JavaScript

撰写时间：2020 年 4 月 26 日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

文档对象模型 DOM 知识点：

一： DOM 文档对象模型

（1）什么是 DOM?

DOM，全称 Document Object Model 文档对象模型，JS 中通过 DOM 来对 HTML 文档进行操作。

操作 WEB 页面。

文档

- 文档表示的就是整个的 HTML 网页文档

对象

- 对象表示将网页中的每一个部分都转换为了一个对象

模型

- 使用模型来表示对象之间的关系，这样方便我们获取对象

（2）节点

节点 Node，是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点，构

成 HTML 文档最基本的单元。

- 比如：html 标签、属性、文本、注释、整个文档等都是一个节点

- 虽然都是节点，但是实际上他们的具体类型是不同的

- 比如：标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点

- 节点的类型不同，属性和方法也都不尽相同。

（3）常用节点分为四类

文档节点：整个 HTML 文档

元素节点：HTML 文档中的 HTML 标签

属性节点：元素的属性

文本节点：HTML 标签中的文本内容

文档节点（document）：

文档节点 document，代表的是整个 HTML 文档，网页中的所有节点都是它的子节点，作为

window 对象的属性存在的，我们不用获取可以直接使用。通过该对象我们可以在整个文档访问内查找

节点对象，并可以通过该对象创建各种节点对象。

元素节点（Element）

HTML 中的各种标签都是元素节点，这也是我们最常用的一个节点。浏览器会将页面中所有的

标签都转换为一个元素节点，我们可以通过 document 的方法来获取元素节点。

比如： document.getElementById()

根据 id 属性值获取一个元素节点对象。

属性节点（Attr）

属性节点表示的是标签中的一个的属性，这里要注意的是属性节点并非是元素节点的子节点，

而是元素节点的一部分。可以通过元素节点来获取指定的属性节点。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

chtingv

粉丝: 3
资源: 40

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip