DOM编程艺术（属性操作）

最新推荐文章于 2024-03-19 22:04:17 发布
原创 最新推荐文章于 2024-03-19 22:04:17 发布 · 277 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #dom

本文介绍了HTML属性与其对应的DOM对象属性之间的关系，并详细探讨了三种主要的属性操作方式：属性访问器、getAttribute/setAttribute方法及dataset特性。这些方法分别适用于不同场景，帮助开发者更好地管理和操作页面元素的数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML attribute ----------》     DOM  property

每个html属性对应相应的DOM对象属性

知识点：

property accessor

getAttribute / setAttribute

dataset

一、属性访问器

property accessor 

存在的问题：通用性差，名字异常

                        扩展性差

优点：取到的都是实用对象

二、getAttribute / setAttribute

默认字符串，仅字符串的操作

三、dataset

HTMLElement.dataset

data-*属性集

元素上保存数据

JavaScript_DOM编程艺术.pdf
02-14
JavaScript DOM编程艺术是前端开发领域的一本重要书籍，旨在指导开发者如何高效地利用JavaScript操作文档对象模型（DOM）。DOM作为一种程序接口，通过它可以对HTML或XML文档进行动态访问和更新。本书详细介绍了DOM的...
JavaScriptDOM编程艺术（第2版）PDF版本下载.txt
07-17
根据提供的文件信息，我们可以推断出这是一本关于JavaScript DOM编程技术的书籍——《JavaScript DOM编程艺术（第2版）》。尽管实际书籍内容并未给出，但从标题、描述及部分链接信息来看，这本书主要涉及JavaScript...
JavaScript DOM编程艺术
Matrix
06-25 2894
chapter 2: JavaScript 语法 JavaScript嵌入到html中的方式: 3种 作为一种解释型语言直接被浏览器读入并执行 语法 语句: 像英语中的句子,只不过受体是浏览器 注释: 受体是开发和维护的人.方式: //, /*...*/ 变量: 计算机中的一小块固定的内存区域,变量指向这块内存的地址,内存代表的值就是变量的值. 程序运行过程中,变量的值可以改...
《JavaScript DOM 编程艺术》知识点整理
Zaralike的博客
07-26 400
本书重点：关于Javascript和DOM脚本编程工作的基本原则、良好习惯、正确思路 预留退路、循序渐进、以用户为中心 一、JavaScript简史 XHTML:可扩展超文本标记语言 BOM:浏览器对象模型（Web浏览器窗口的高度、宽度和屏显位置等属性） DOM:文档对象模型（一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地对文档的内容、结构和样式进行访问和修改） Javascript:脚本语言（解释型，解释器），有Web浏览器进行解释和执行 二、Javascript语..
《JS&DOM编程艺术》笔记
SillyBird的博客
04-23 969
持续更新，gitHub地址 ： https://github.com/ghCarol/demo/tree/master/Notes 目录 目录 正文 《JS&DOM编程艺术》 第四章——“JS图片库” 1. 取消链接跳转 2. getElementsByName()和getElementsByTagName() 3. window.onload = functi...
谈谈 《 JavaScript - DOM编程艺术 》这本书
世界和我们都不该止步于此
02-17 744
好吧，现在已经2023年了，对于这本书（第二版）来说可能有点老了，这本书不是很难理解，但也不是很适合新手读，当然，这本书并不是百宝书 📕 ，它更注重于编程的规范与思路、用户的体验、实战演练，并且我在这本书中学到了不少东西，我决定将这些知识分享出来。
关于JavaScript DOM 编程艺术这本书
李剑一
04-10 4569
刚刚看完这本《JavaScript DOM 编程艺术》寻思写点儿东西，给想要购买的小伙伴们一些建议！ 这本书适合刚刚入门DOM操作的人，是一本比较详细和基础的入门书。自己看完感觉还是不错的，但是这本书的出版时间较早，所以看的时候需要注意！
jsDOM编程艺术记录
FGstudy的博客
10-01 223
jsDOM编程艺术读书笔记 js语法 语句 语句 语句末尾加分号 每条语句独占一行 注释 单行注释 //我是注释内容 多行注释 /*我是注释内容 我是注释内容*/ 后面的内容在首页不显示，请点击下方的展开全文或者 变量和数据类型 变量 可以直接对变量赋值而不用事先声明，js会自动声明，但建议要提前声明 可以一次声明多个变量 可以把变量声明和变量赋值一次完成 变量名不能包含空格和标...
JavaScript DOM编程艺术 第三章 DOM 笔记
最新发布
qq_42388742的博客
03-19 543
当创建一个网页并加载时，浏览器会将HTML文档解析为一个DOM树，并将document文档作为树的根节点。但是，所有元素都有一些共同的属性，如id、class、style、title等。在JavaScript中，我们可以用document对象来获取HTML文档中的元素、属性、文本等。M代表着模型(Model)，DOM把文档表示为一颗树，更具体地说，DOM模型把文档表示为一颗家谱树。节点是DOM的基本单元，它代表了文档中的一个元素、属性、文本等。元素可以包含其他元素，没有包含任何元素，它是文档的根元素。
JavaScript DOM编程艺术——读书笔记1
Hustcw Blog
03-31 414
DOM学习笔记 DOM(Document Object Model)是一个好东西. document 创建一个网页并加载到web浏览器里的时候，根据你的网页文档就会生成一个文档对象 object 网页内容的载体就是object model DOM把文档表示成一棵节点树 节点 DOM的原子是元素节点（元素节点就是p,li,ul等标签） 节点可以包含节点 属...
JavaScript DOM编程艺术笔记
xiaobaiweb的博客
11-30 311
JS语法：js的语法和C++还有JAVA的语法非常相似 JS变量：JS是弱类型语言，不需要再声明变量的时候就声明变量类型 例如 var a = '1111' 此时a是字符串 a = 111 此时a是number 也就是说，声明变量相当于是确定一个箱子，但是箱子里面是什么需要看他最后装的东西是什么。 变量名称不允许出现空格和标点符号（$除外），首字符不能是数字 JS数据类型：1.字符串、字符串用单引号和双引号都可以，是完全相等的。特殊情况需要转义...
JSDOM编程艺术代码.7z
10-30
《JavaScript.DOM编程艺术》是JavaScript开发者必读的经典之作，它深入浅出地介绍了如何使用JavaScript操作DOM（Document Object Model）来构建动态、交互式的Web页面。第二版更是对第一版的内容进行了更新和完善，...
JavaScript DOM编程艺术源代码
10-06
【JavaScript DOM编程艺术】是一本深受开发者欢迎的书籍，它主要介绍了如何使用JavaScript语言来操作和改变网页的Document Object Model（DOM）。DOM是HTML和XML文档的结构化表示，允许我们通过编程方式来访问和修改...
随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip
06-17
JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍，主要涵盖了JavaScript语言在Web前端开发中的应用，特别是关于DOM（Document Object Model）的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...
关于base64编码解码（Android编码，JS解码，案例为解决安卓端H5页面的emoji表情显示问题）
热门推荐
x_chengqq
07-14 4万+
1、前言： Base64是网络上最常用的用于传输8Bit字节代码的编码方式之一，比如开发中用于传递参数、现代浏览器中的标签直接通过Base64字符串来渲染图片，以及用于邮件中等等。Base64编码在RFC2045中定义为：Base64内容传送编码被设计用来把任意序列的8位字节描述为一种不易被人直接识别的形式。 2、应用举例: 以“迅雷下载”为例：很多下载类网站都提供“迅雷下载”的链接，其地址
移动端根据设备大小设置字体大小（居于案例的理解扩展）
x_chengqq
07-23 1万+
1、问题描述： 拿到公司里以前写好的网页查看，发现它的CSS中有这样一些东西： /*设备竖屏时的样式*/ @media all and (orientation : portrait){     .video_bg{         position:fixed;         z-index: -9999;         width: 100%;         backgr
前端项目实战（梅兰商城）
x_chengqq
05-10 1万+
前端项目步骤： 1.拿到美工设计图后，开始浏览页面布局，将页面简单划分出来 开发整站的两种方式： ①从上到下依次把每个盒子写完 ②先把整站的布局给搞定，然后再把每个布局的盒子中的子元素补齐（模块化）  个人比较倾向 2.整站项目的目录结构搭建好：css   js image index.html 3.css初始化：这里用的是YAHO的css初始化样式。地址为git@code.csdn.
前端常见术语
x_chengqq
06-04 5939
1、平稳退化： 虽然某些功能无法使用，但最基本的操作仍能顺利完成。（确保网页在没有JavaScript的情况下也能正常工作） 2、
那些年踩过的CSS坑（永久更新）
x_chengqq
04-22 2751
1、img 标签中的alt 与title的区别： alt  alt属性的实质作用是在图片无法正确显示时起到文本替代的作用，不过在IE6下还起到了title的作用。 title 鼠标滑过时显示的文字提示。 对SEO优化的影响： 搜索引擎对图片理解是通过alt属性，所以在图片alt属性中包含关键字的简要文字说明，也是页面优化的一部分。（SEO优化：）
JavaScript DOM编程艺术：创建与操作节点
"《JavaScript DOM 编程艺术》是一本详细介绍JavaScript和DOM开发的书籍，由Web标准倡导者撰写，适合学习JavaScript和DOM编程的读者。书中不仅涵盖了JavaScript和DOM的基础知识，还通过实例展示了专业级别的网页开发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值