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自定义属性有哪些内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- html5 固定图片(HTML5拖放API实现自动生成相框功能)
- html5app开发用什么平台(Html5与App的通讯方式详解)
- html5做app流程(html5唤醒APP小记)
- html5弹出输入框下拉菜单(HTML5输入框下拉菜单功能的示例代码)
- html5video怎么优化(HTML5 video循环播放多个视频的方法步骤)
- html5图片动画制作(HTML5 3D旋转相册的实现示例)
- html5div例子(html5 外链式实现加减乘除的代码)
- html5导入图片文件(HTML5 实现图片上传预处理功能)
- html5音频处理(recorder.js 基于Html5录音功能的实现)
- html5 webrtc技术详解(Html5 webRTC简单实现视频调用的示例代码)
- html5长按动画效果(HTML5实现移动端弹幕动画效果)
- html5图片上下滚动(HTML5 图片悬停放大的实现代码示例)
- html5中的语义化标签有哪些(详解HTML5常用的语义化标签)
- html5新的表单元素新的特性(HTML5表单验证特性知识点小结)
- 菲律宾潜水(菲律宾潜水价格)
- 泰国人妖(变性手术生殖器要割掉吗)
- 泰国美女(泰国人妖和女性如何区分)
- 泰国旅游业怎么样(泰国的旅游产业)
- 越南新娘(越南新娘婚介网站)
- 越南新娘(越南新娘骗婚套路流程)
热门推荐
- centos6.8安装docker(Linux Centos下使用脚本安装Docker的方法)
- 异步调用中HttpContext.Current为null解决方法
- element加固态(Element Plus实现Affix 固钉)
- dede检测写入权限(dede织梦dede5.7上传图片出现302以及Error 2038问题解决方法)
- sqlserver小结(基于sqlserver的四种分页方式总结)
- navicat怎么和mysql连接(Navicat Premium远程连接MySQL数据库的方法)
- js如何实现定时器功能(js实现0ms延时定时器的几种方式)
- python 爬虫招聘(Python3获取拉勾网招聘信息的方法实例)
- vuex存取修改数据流程(vuex数据持久化的两种实现方案)
- python加密和解密(python实现对输入的密文加密)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9