关于html5中自定义属性的介绍_html5教程,html5,自定义属性
作者:搜教程发布时间:2020-03-22分类:html教程浏览:27评论:0
导读:定义H5为我们提供了以"data-"为前缀定义需要的属性即可设置自定义属性。<divid="box1"data-name="Musk"></d...
定义
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性。
<div id="box1" data-name="Musk"></div> <div id="box2" data-full-name="Elon Musk"></div>
(推荐教程:H5教程)
获取
使用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中自定义属性的介绍的详细内容,更多请关注ki4网其它相关文章!
相关推荐
- html5不常用标签可以怎么使用?_html5教程,html5,标签
- 分享一些前端必备的Canvas接口和动画效果(大全)_html5教程,Canvas,html5,动画
- HTML5 canvas如何实现代码流瀑布?(附代码)_html5教程,js,canvas,代码流瀑布,html5
- html5怎样猎取php数据【php问题】,html5,php
- php和html5的区分【php问题】,php,html5
- 织梦DEDECMS怎样增添自定义属性【CMS教程】,DEDECMS,增加,自定义属性
- 学html5须要什么基本?【html5教程】,html5
- 想学好html5看什么书好【html5教程】,html5
- H5能够用来干什么?【html5教程】,H5,html5
- html5的drag和drop的用法示例(代码)【html5教程】,draganddrop,html5
你 发表评论:
欢迎- html教程排行
-
- 1css如何实现给div添加滚动并隐藏滚动条_html5教程,css,div,滚动条
- 2伪元素“::after”和“::before”的作用分别是什么_html5教程,伪元素,::after,::before
- 3详解CSS3实现弹性布局的方式_html5教程,CSS3,弹性布局,flexbox
- 4css中的content属性该如何使用_html5教程,css,content
- 5CSS开发常用命名_html5教程,css
- 6css如何实现下划线滑动效果_html5教程,css,下划线
- 7css如何修改默认滚动条样式_html5教程,css,滚动条
- 8使用CSS如何绘制五角星?(附代码)_html5教程,CSS,绘制图形
- 9css优化策略介绍_html5教程,css,优化策略
- 最新文章
- 广而告之