html5中table属性(Html5之自定义属性data-,dataset)
类别:Web前端 浏览量:1991
时间:2021-10-18 11:46:59 html5中table属性
Html5之自定义属性data-,dataset定义
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性
<li id="box1" data-name="Musk"></li> <li id="box2" data-full-name="Elon Musk"></li>
获取
使用H5自定义属性对象dataset来获取
let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name // Musk box2.dataset.fullName // Elon Musk (驼峰) box1.getAttribute('data-name') // Musk box2.getAttribute('data-full-name') // Elon Musk
设置
let box1 = document.getElementById('box1'); let box2 = document.getElementById('box2'); box1.dataset.name = '马斯克' box2.setAttribute('data-full-name', '埃隆 马斯克')
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
您可能感兴趣
- dataset用法
- dataset详解(DATASET 与 DATAREADER对象有什么区别)
- html5中table属性(Html5之自定义属性data-,dataset)
- ASP.NET中XML与DataSet的相互转换
- 每天1万吨牛奶倒进下水道,美国大萧条一幕重现(每天1万吨牛奶倒进下水道)
- 如何看待美国数十万加仑牛奶倒下水道 历史又重演了(如何看待美国数十万加仑牛奶倒下水道)
- 历史惊人的相似,美国80万加仑牛奶倒入下水道,意味着什么(历史惊人的相似)
- 美国数十万加仑牛奶倒进下水道,世界会重演1929年的大萧条吗(美国数十万加仑牛奶倒进下水道)
- 美国数十万加仑牛奶倒入下水道,贫民区食不果腹,历史再次重演(美国数十万加仑牛奶倒入下水道)
- 美国倒掉数十万加仑牛奶 上热搜第一,这一幕似曾相识(美国倒掉数十万加仑牛奶)
热门推荐
- 小程序实现左右滑动窗口(小程序实现分页效果)
- iis7如何使用(IIS7的应用程序池详细解析)
- python3下urllib案例(URL Rewrite Module 2.1 URL重写模块规则写法)
- serv-u操作手册(serv-U FTP软件的攻击防守修改教程[图文])
- css3多边形教学(使用css3绘制出各种几何图形)
- python串口怎么使用(使用Python3+PyQT5+Pyserial 实现简单的串口工具方法)
- javascript组件库实现(JavaScript分页组件使用方法详解)
- docker容器启动原理(docker容器的原理分析)
- jquery使用data缓存数据
- docker配置阿里云镜像(Docker镜像的制作,上传,拉取和部署操作利用阿里云)