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', '埃隆 马斯克')
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
热门推荐
- python常用的字符串操作方法(Python字符串的常见操作实例小结)
- centos7.6 安装docker(Centos7安装Docker2020最新亲测可用,直接复制粘贴即可)
- python3d旋转特效(python实现小球弹跳效果)
- html5背景怎么变色(HTML5 背景的显示区域实现)
- js三级联动列表(基于JavaScript实现年月日三级联动)
- 怎样在python中散点图(python使用Plotly绘图工具绘制散点图、线形图)
- mysql 安装阿里云(详解如何在阿里云服务器安装Mysql数据库)
- c# 注册表操作
- dedecms模板如何修改日期(DEDECMS网站文章列表页更新点击次数的问题完美解决)
- css 图片边缘虚化(CSS3对图片照片进行边缘模糊处理的实现)