html5新增特性(总结html5自定义属性有哪些)
类别:Web前端 浏览量:2879
时间:2021-10-10 00:17:21 html5新增特性
总结html5自定义属性有哪些定义
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', '埃隆 马斯克')
到此这篇关于总结html5自定义属性有哪些的文章就介绍到这了,更多相关总结html5自定义属性有哪些内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- Html5新增的标签
- html5表格设计(Html5饼图绘制实现统计图的方法)
- html5怎么设置倾斜(HTML5 body设置自适应全屏)
- html5文档的基本结构及必要的注释(关于HTML5+ API plusready的兼容问题)
- html5canvas怎么改扇形起始角(HTML5 Canvas实现放大镜效果示例)
- 微信html隐藏功能(使用Html5多媒体实现微信语音功能)
- html5基础知识入门(萌新HTML5 入门指南二)
- html5支持video的视频格式(解决html5中的video标签ios系统中无法播放使用的问题)
- html5播放代码(html5 video全屏播放/自动播放的实现示例)
- html5+canvas动画(解析html5 canvas实现背景鼠标连线动态效果代码)
- html5 拍照上传(Html5在手机端调用相机的方法实现)
- html5视频播放代码详解(HTML5基于flash实现播放RTMP协议视频的示例代码)
- html5 canvas 性能(基于html5 canvas做批改作业的小插件)
- html5如何使用svg(将SVG图引入到HTML页面的实现)
- html5 canvas 特效(JavaScript canvas实现流星特效)
- 菲律宾安全吗(菲律宾安全吗2023)
- 彩礼重要吗()
- 写信告诉我今天海是什么颜色(写信告诉我今天海是什么颜色回答)
- 英语难学吗(法语比英语难学吗)
- 今天要吃什么(今天要吃什么菜好)
- 网红直播可以赚很多钱吗(网红直播可以赚很多钱吗)
热门推荐
- vue中的mapgetter优势(vuex 中辅助函数mapGetters的基本用法详解)
- mysql索引为什么是b+树(mysql 使用B+树索引有哪些优势)
- ASP.NET抓取网页内容
- sql server操作方法(SQL Server 文件操作方法)
- sql server 货币型例子(sql server把退款总金额拆分到尽量少的多个订单中详解)
- js的遍历数组方法(JS中数组常用的循环遍历你会几种)
- python完整异常机制(深入理解Python异常处理的哲学)
- centos linux开机不出现登录页面(在CentOS启动时自动加载内核模块overlayfs操作)
- docker容器运行环境(Docker 清理环境操作)
- php性能比较(php使用yield对性能提升的测试实例分析)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9