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', '埃隆 马斯克')
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
热门推荐
- ftp服务器安装和配置教学设计思路(FTP服务器的主要参数配置讲解)
- php字符串教程学习(php学习笔记之字符串常见操作总结)
- 云服务器最低配置可以吗(云服务器内存怎么选择?)
- mysql时间戳和datetime对比(mysql中 datatime与timestamp的区别说明)
- jquery中prop和attr的区别
- python真的能高效处理excel报表吗(Python数据报表之Excel操作模块用法分析)
- python八卦图(Python实现九宫格式的朋友圈功能内附“马云”朋友圈)
- ASP.NET将Excel数据导入到数据库
- css实现动画的方法(CSS实现悬停过渡动画三部曲)
- docker怎么增加端口(docker 添加端口及获取dockerfile的方法)