js 文档对象模型（复习）

最新推荐文章于 2024-10-13 16:05:55 发布

凡乐乐

最新推荐文章于 2024-10-13 16:05:55 发布

阅读量607

点赞数

分类专栏：专业

本文链接：https://blog.csdn.net/qq_39587328/article/details/79965322

版权

专业专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.节点

Element 元素

Attribute 属性

Text 文本

Comment 注释

Document 文档

DocumentType 文档类型

2.对象属性

nodeName:当前节点姓名

nodeValue:当前节点的值

nodeType:当前节点的类型

attributes:当前节点（属性）列表

3.对象方法

getElementById(id)

getElementByName(name)

getElementByTagName(tag)

例如：var mycheck:document.getElementsByTagName('tag');指定的标签

4.例题：全选

成果：点击全选后，唱歌跳舞，画画按钮都会被选中。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凡乐乐

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Dom文档对象模型

m0_69674158的博客

05-18

334

一、DOM操作 DOM：文档对象模型，是基于文档编程的一套API接口 1.DOM操作分类使用JavaScript操作DOM时通常分为三类：DOM Core（核心）、HTML-DOM和CSS-DOM 2.节点和节点关系 DOM是以树状结构的HTML文档，根据DOM概念，HTML文档中的每个标签或元素都是一个节点。整个文档是一个文档节点每个HTML标签是一个元素节点包含在HTML元素中的文本是文本节点每个HTML属性是一个属性节点注释属于注释节点使用父（parent）、子（child）和同胞

JavaScript核心知识第一章---DOM 文档对象模型（含大量案例分析）

m0_60707708的博客

04-15

838

1️⃣ JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解：触发— 响应机制。2️⃣ 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）；给当前元素设置样式（留下我自己）；注意顺序不能颠倒，首先干掉其他人，再设置自己；

参与评论您还未登录，请先登录后发表或查看评论

JavaScript之 ------ 文档对象模型(DOM)

寻找、发现、追求、获得———这就是狼的生活要素

10-24

2622

DOM -----Document Object Model 文档对象模型（DOM）是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台，提供了标准的 HTML 和 XML 对象集，并有一个标准的接口来访问并操作它们。 ”它使得程序员可以很快捷地访问 HTML 或 XML 页面上的标准组件，如元素、样式表、脚本等等并作相应的处理。DOM 标准推出之前，创建前

DOM（Document Object Model，文档对象模型）

最新发布

点点滴滴

10-13

693

DOM（Document Object Model，文档对象模型）是一个跨平台且与语言无关的接口，允许程序和脚本动态访问和更新文档的内容、结构和样式。DOM 将 HTML 和 XML 文档表示为一个树结构，其中每个节点都表示文档的一部分（例如元素、属性、文本等）。

JS之文档对象模型DOM

u011277123的博客

03-13

525

Java帮帮 2017-02-19 18:10 JavaScript文档对象模型DOM History和Location使用 DOM 解析模型，将文档加载到内存，形成一个树形结构就是根节点，每个标签会成为一个元素节点、标签的属性成为属性节点，标签内部的文本内容成为文本节点注意：属性节点，它不属于DOM树形结构，不属于任何节点父节点，也不属

JavaScript中的Document文档对象

roogu的专栏

11-26

194

[size=medium]Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从到的内容。用法：document （当前窗口）或 .document （指定窗口）属性： document.title //设置文档标题等价于HTML的标签 docume...

JavaScript 文档对象模型

m0_61031325的博客

04-26

307

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家

JavaScript基础复习：核心语法与浏览器对象模型

"JavaScript 复习笔记，涵盖了JavaScript的基础知识，包括核心语法、浏览器对象模型(BOM)和文档对象模型(DOM)，以及数据类型、控制结构、输出方法和字符串转换等概念。此外，还提到了函数创建、事件处理以及Window...

WebAPI学习笔记：DOM文档对象模型解析

在Web开发中，Web API（Web应用程序接口）是一组用于与浏览器进行交互的编程接口，而DOM（Document Object Model）文档对象模型则是解析HTML或XML文档的一种标准方法。DOM将整个网页视为一个可操作的对象集合，这些...

JS基础知识复习（持续更新）

qq_66193208的博客

04-20

2880

前端必备技能JavaScript知识点汇总（根据哔哩哔哩视频学习总结的纯手打），建议在学完html+css后进行学习，这部分代码量不是很多，如之前学过python、java语言等，在js中也会发现很多相通的东西。这部分是js中比较基础的东西，学过其他语言的可以快速过一下。后续也会更新高阶部分。

文档对象模型 (DOM)

doiido的专栏

11-20

134

文档对象模型DOM）是 web 上构成文档结构和内容的对象的数据表示。本指南将介绍 DOM，研究 DOM 如何在内存中表示HTML文档以及如何使用 API 来创建 web 内容和应用程序。什么是 DOM？文档对象模型（DOM）是一个网络文档的编程接口。它代表页面，以便程序可以改变文档的结构、风格和内容。DOM 将文档表示为节点和对象；这样，编程语言就可以与页面交互。网页是一个既可以在浏览器窗口中显示，也可以作为 HTML 源代码的文档。

js之文档对象模型

qq_45030966的博客

09-06

343

目录 Node类型 Node类型的属性 Node类型的方法 Document类型 Document类型属性 Document类型方法 Element类型 Element类型属性 Text类型 Comment类型注释类型 DOM是针对HTML对XML文档的API，DOM描绘一个层次化的节点数，允许开发人员添加，移除，修改页面的某一部分。 Node类型 JavaScript中所有的节点类型都继承自Node类型，所有的节点类型...

JavaScript文档对象模型（DOM）

weixin_67224308的博客

09-23

486

文档对象模型(DOM)是针对HTML和XML文档的一个API(应用程序编程接口)。一般来讲，所有支持JavaScript的浏览器都支持DOM。它以树形结构表示HTML和XML文档定义了遍历树、检查和修改树的节点的方法和属性。W3C组织把DOM分成下面的不同的部分和三个不同的版本(DOM1/2/3)。(1)Core DOM：定义了任意结构文档的标准对象集合。(2)XML DOM:定义了针对XML文档的标准对象集合。(3) HTML DOM:定义了针对HTML文档的标准对象集合。

DOM的基本方法

weixin_30929295的博客

03-12

126

一.直接引用结点1.document.getElementById(id);--在文档里面通过id来找结点2.document.getElementByTagName(tagName);--返回一个数组，包含对这些结点的引用--如：document.getElementByTagName("span");将返回所有类型为span的结点二.间接引用结点3...

js-文档对象模型

cmy741741的博客

11-09

290

1. 文档对象模型，Document Object Model DOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层次化的节点树，允许开发人员添加，移除，修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准，为基本的文档结构以及查询提供了接口。但是要注意，IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。 DOM可以将任何HTML或XML文档描绘成一个由多层...

JavaScript文档对象模型

腻害

04-28

228

JavaScript文档对象模型总结 Document类型 JavaScript通过Document类型表示文档。在浏览器中，document对象是HTMLDocument(继承自Document类型)的一个实例，表示整个HTML也页面。而且，document对象是window对象的一个属性，可以作为全局对象来访问。Document节点具有下列特征： • nodeType的值为9 • nodeNa...

JavaScript——文档对象模型

樱缘之梦

01-06

1506

一、基本概念文档对象模型（DOM）是表示文档和访问、操作构成文档的各种元素的应用程序接口（API）。它解决了NetScape的JavaScript和Microsoft的JavaScript之间的冲突，给web设计师和开发者一个标准的方法，可让他们访问自己站点的数据、脚本、和表层对象。 DOM是以层次结构组织的节点或信息片段的集合。这个层次结构允许开发人员在树中导航以寻找特定信息。分析这

JS中DOM对象

weixin_30338481的博客

04-11

191

JS中DOM对象 Document 对象属性 body 提供对 <body> 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 <frameset>。cookie 设置或返回与当前文档有关的所有 cookie。domain 返回当前文档的域名。lastModified 返回文档被最后修改的...

JavaScript文档对象

weixin_44577418的博客

04-28

343

过程分析首先我们来说说JavaScript中文档对象模型（DOM）。文档对象模型是在浏览器中一切的基础。但它究竟是什么呢？文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。当我们访问网页时，浏览器会计算出如何解释每个 HTML 元素。这样它就可以创建 HTML 文档的虚拟表示，并保存在内存中。 HTML 页面被转换为树状结构并...