javascript总结44: DOM对象的dataset属性方式
2024-08-28 01:04:19
1 DOM设置属性的特殊方式:
DOM对象的dataset属性方式获取data-xxx方式定义的属性
由于我们经常需要在标签上自定义属性来存储数据或状态,但是如果用传统的方式操作起来比较繁琐,而且不熟悉html规范的人,很容易把自定义的属性和html规范的属性混淆.为了更加方便,高效的实现这个需求,我们可以使用dataset属性
2 使用DOM对象的dataset属性,操作自定义属性时要注意的三点问题:
1 在标签上定义属性时,要以data-为前缀
2 在js中获取/设置通过data-定义的属性的值时,要通过dataset来获取/设置
//html
<div id="box" data-index="0" i="0"></div> //js
var box = document.getElementById('box');
console.log(box.dataset) //返回一个对象,里面包含了所有当前标签上用data-定义的属性
console.log(box.dataset.index) //返回data-index 的值
最新文章
- python学习笔记(基础二:注释、用户输入、格式化输出)
- 如何在openresty里解析域名
- C# 图片无损压缩
- 快速安装Percona pt工具
- 继承的小DEMO
- ireport5.6+jasperreport6.3开发(一)--中文环境配置在
- JavaScript中面向对象的的深拷贝和浅拷贝
- Android App截包工具
- css强制换行和超出隐藏实现
- 安卓开发_慕课网_ViewPager实现Tab(App主界面)
- Android 背景图片重复平铺
- 【转】Bash脚本实现批量作业并行化
- HTML页面处理以及资源文件的加载
- Centos系统使用vpnc连接cisco的vpn服务
- Directx3D SimpleSample Sample
- Linux的环境变量配置
- JsSIP.UA.JsSIP 总是返回错误:422 Session Interval Too Small
- UI培训自学能学好吗
- 金蝶k/3 K3密码对照破解源码
- xcodebuild 错误:unknown error -1=ffffffffffffffff