百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 前缀data-属性和dataset的运用办法-
分享文章到:

前缀data-属性和dataset的运用办法-

发布时间:08/01 来源:未知 浏览: 关键词:
这次给大家带来前缀data-属性和dataset的运用办法,运用前缀data-属性和dataset的注意事项是什么,下面就是实战案例,一起来看一下。 这次给大家带来前缀data-属性和dataset的运用办法,运用前缀data-属性和dataset的注意事项是什么,下面就是实战案例,一起来看一下。

HTML5规定可认为元素增加非规范的属性,但要增加前缀 data- ,目的是为元素供给与渲染无关的信息,或者供给语义信息。这些属性可以任意增加、随意命名,只有以 data- 开头即可增加了自定义属性之后,可以通过元素的 dataset 属性来拜访自定义属性的值。

ghostwu tell you how to learn html5

《script》 var oBox = document.querySelector("#box"); console.log( oBox.dataset ) ; var myName = oBox.dataset.name; var myAge = oBox.dataset.age; var mySex = oBox.dataset.sex; if( oBox.dataset.name ) { console.log( oBox.dataset.name ); } 《script》

信赖看了本案牍例你已经把握了办法,更多出色请关注 百分百源码网 其它相干文章!

举荐浏览:

H5的拖放功能详解

H5的Canvas做出圆形进度条并显示数字百分比

H5的LocalStorage当地存储运用详解

以上就是前缀data-属性和dataset的运用办法的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板