JavaScript文档对象

原创 于 2022-09-27 21:28:42 发布 · 395 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

本文详细介绍了文档对象模型（DOM）的基本概念及其核心对象Document的功能。通过本文你可以了解到如何利用DOM进行元素的获取、移除、创建及添加等操作，并掌握如何为元素绑定事件、获取属性以及添加CSS样式。

（一）什么是文档对象？

文档即Document对象代表浏览器窗口中的文档，这个对象是Window对象的子对象，但是它不需要使用window来引用。这个对象可以访问HTML文档中的任何标记，并且可以动态的改变HTML标记中的内容
DOM(Document Object Model)：

文档对象模型
可以干什么？
(1)获取一个元素
(2)移除一个元素
(3)创建一个元素
(4)向页面里面添加一个元素
(5)给元素绑定一些事件
(6)获取元素的属性
(7)给元素添加一些css样式。
DOM的核心对象就是document对象
document对象是浏览器内置对象的一个对象，里面存储着专门用来操作元素的各种方法

例题

 

 

鬼仙笙
关注
【前端知乎系列】File FileList 和 FileReader 对象详解
pingan8787
12-18 1201
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hYNfSzpQ-1576683821839)(http://images.pingan8787.com/blog/File_FileList_FileReader封面图.png)] 本文首发在我的【个人博客】 更多丰富的前端学习资料，可以查看我的 Github: 《Leo-JavaScript》，内容涵盖数据结构与算...
JavaScript 文件对象详解
WLANQY的博客
01-11 1067
在浏览器中操作文件，多数情况下用到的是 File 对象，从 元素获取，进而继续操作(例如将选择的图片展示在页面上，用ajax将文件上传至服务器等)。这里介绍在浏览器中操作文件的相关API.File 对象继承自 Blob 对象，先看看 Blob 对象。
JavaScript中的Document文档对象
roogu的专栏
11-26 231
[size=medium]Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从到的内容。 用法：document （当前窗口） 或 .document （指定窗口） 属性： document.title //设置文档标题等价于HTML的标签 docume...
JavaScript函数中的文档对象模型（DOM）
m0_70648941的博客
09-22 316
√HTML DOM:定义了针对HTML文件的标准对象集合。√XML DOM：定义了针对XML文件标准对象集合。√DOM　CSS：定义了在程序中操作ＣＳＳ样式的接口。√Core DOM：定义任意结构文档的标准对象集合。√文档节点nodeName永远是＃document。√DOM　Ｅｖｅｎｔｓ：给ＤＯＭ对象添加事件处理。√文本节点nodeName永远是＃text。√所包含的元素的标签名称永远是大写的。√元素节点nodeName是标签名称。√属性节点nodeName是属性名称。７，给元素添加一些CSS样式。
JS中DOM对象
weixin_30338481的博客
04-11 239
JS中DOM对象 Document 对象属性 body 提供对 <body> 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 <frameset>。cookie 设置或返回与当前文档有关的所有 cookie。domain 返回当前文档的域名。lastModified 返回文档被最后修改的...
JavaScript 文档对象模型
m0_61031325的博客
04-26 366
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家
JavaScript文档对象的应用案例.pdf
07-11
本文将深入探讨四个JavaScript文档对象的应用案例。 案例1展示了如何使用JavaScript操作DOM来改变页面上的链接颜色。`document`对象提供了访问和操作HTML文档的方法。`vlinkColor`、`linkColor`和`alinkColor`是...
JavaScript文档对象的应用.pdf
07-11
JavaScript文档对象（Document Object Model，简称DOM）是Web开发中不可或缺的一部分，它提供了一种结构化的表示网页或文档的方式，并允许编程语言如JavaScript与HTML、XML等文档进行交互。在这个PDF学习资料中，...
JavaScript文档对象模型概述.pdf
07-11
JavaScript文档对象模型（DOM）是Web开发中一个至关重要的概念，它允许开发者通过编程方式操纵HTML和XML文档的结构、内容和样式。DOM定义了一种标准的、与平台和语言无关的方式来表示和操作XML和HTML文档，使得...
javascript文档对象[归类].pdf
10-11
JavaScript文档对象模型（DOM，Document Object Model）是用于表示HTML或XML文档的一种标准，它将文档结构化为一系列可编程的节点，使开发者能够通过JavaScript或其他兼容语言与文档交互。DOM是Web开发中的核心概念...
08JavaScript文档对象模型总结(DOM).docx
04-27
JavaScript文档对象模型(DOM)是Web开发中一个关键的概念，它允许开发者通过JavaScript代码来操纵HTML或XML文档的结构、内容和样式。DOM定义了一种标准的、平台和语言无关的方式来表示XML或HTML文档，使得我们可以用...
JavaScript 文档对象
lesileqin的博客
01-07 1531
文章目录一级标题二级标题三级标题四级标题五级标题 用一个黑色和红色就够了 狗儿子的博客 红色的 一级标题 二级标题 第一行 第一行 第三列 1 2 3 1 2 3 三级标题 四级标题 五级标题 ...
JS之文档对象模型DOM
u011277123的博客
03-13 574
Java帮帮 2017-02-19 18:10 JavaScript文档对象模型DOM History和Location使用 DOM 解析模型，将文档加载到 内存，形成一个树形结构 就是根节点，每个标签会成为一个元素节点、标签的属性成为属性节点，标签内部的文本内容成为文本节点 注意：属性节点，它不属于DOM树形结构，不属于任何节点父节点，也不属
关于JavaScript文档对象
weixin_30258027的博客
05-16 142
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l...
js总结6 文档对象
LOOKOUTSTT的博客
09-23 265
getDate() 从 Date对象返回一个月中的某一天(1～31)getMilliseconds()返回Date 对象的毫秒(0～999)getHours() 返回Date对象的小时(0～23)getMinutes() 返回Date对象的分钟(0～59)getSeconds() 返回Date对象的秒数(0～59)没有属性，只有获取或 getDay() 从 Date 对象返回一周中的某一天(0~6)[1-9])]((1/2)[O-9])|30|31)$/
JavaScript文档对象总结
shaddce的博客
04-28 355
1.      DOM(文档对象模型)和BOM（浏览器对象模型）都属于宿主对象， 什么是DOM，全名为Document Object Model。在js中可通过dom来进行页面文档操作。 文档 – 指整个html网页文档、对象 – 表示把页面每一个部分转换为对象（均可看成对象）、模型 – 可用来表示对象之间的关系，方便我们获取。 2. &...
JavaScript DOM文档对象和编写DOM脚本
qq402164452的博客
02-22 1474
JavaScript在Web开发中的主要作用是与用户交互，在网页上添加某种行为。JavaScript允许在网页加载到浏览器中后，完全改变网页的所有方面，JavaScript在网页上提供这个功能的基础是文档对象模型（Document Object Model，DOM）,这是网页的树状表示方法。DOM为开发人员提供了一种表示网页中的所有元素的方式，以便在JavaScript中通过一组通用的属性和方法来访
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值