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做app流程(Html5嵌入钉钉的实现示例)
- html5浏览界面怎么设置(HTML5textarea高度自适应的两种方案)
- html5如何控制内容(html5拖拽应用记录及注意点)
- html5关闭页面代码(HTML5页面无缝闪开的问题及解决方案)
- HTML5面试题
- html5怎么设置红色(详解HTML5如何使用可选样式表为网站或应用添加黑暗模式)
- 用html5的canvas绘制剪裁图像(Html5 canvas画图白板踩坑)
- html5长按动画效果(HTML5实现移动端弹幕动画效果)
- HTML5<q> 与 <blockquote> 的区别
- html5怎么设置左边input(HTML5中input输入框默认提示文字向左向右移动的示例代码)
- html5带放大镜的搜索代码(html5借用repeating-linear-gradient实现一把刻度尺ruler)
- html5菜单栏(html5写一个BUI折叠菜单插件的实现方法)
- uni app开发教程(uniapp+Html5端实现PC端适配)
- html5底部组件(HTML5 Blob对象的具体使用)
- html5canvas功能介绍(Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 附转换公式)
- html5课程入门(萌新的HTML5 入门指南)
- 省委书记出席的交流会,十位县委书记同场发言,代表公文材料的高水平(省委书记出席的交流会)
- 《刘老根3》热播,去世15年的她却再次被 伤害(去世15年的她却再次被)
- 十二星座爱情支配欲指数(十二星座爱情支配欲指数)
- 虐待儿童是发泄支配欲的愚蠢行为(虐待儿童是发泄支配欲的愚蠢行为)
- 你或许不知道你隐藏的支配欲望(你或许不知道你隐藏的支配欲望)
- 把宽体丰田86卖了,换成7.5代高尔夫GTI玩起姿态与性能并存的改装(把宽体丰田86卖了)
热门推荐
- python 读文件报错处理(解决python写入带有中文的字符到文件错误的问题)
- MVC 使用FileResult导出文件
- docker容器和主机端口映射(docker利用单个镜像映射到多个端口操作)
- mysql和mycat半主从复制项目(Linux如何使用 MyCat 实现 MySQL 主从读写分离)
- python能操作微信定时发消息(python给微信好友定时推送消息的示例)
- css3导航菜单(CSS3实现的侧滑菜单)
- 瀑布流模板怎么搞(3种方式实现瀑布流布局小结)
- antdesign接收数据状态(Ant Design Blazor 组件库的路由复用多标签页功能)
- php怎么引用文件(php引用和拷贝的区别知识点总结)
- tomcat需要修改哪几个端口参数(详解tomcat各个端口的作用)