HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
发布时间：2017-08-24 16:49:56 作者：佚名 
我要评论
我要评论这篇文章主要介绍了HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性),需要的朋友可以参考下
HTML5规定可以为元素添加非标准的属性，但要添加前缀 data- ，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加、随便命名，只要以 data- 开头即可添加了自定义属性之后，可以通过元素的 dataset 属性来访问自定义属性的值。
<div id="box" data-name='ghostwu' data-age='22' , data-sex='man'>ghostwu tell you how to learn html5</div>
<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>
总结
以上所述是小编给大家介绍的HTML5自定义属性前缀data及dataset的使用方法(html5 新特性)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了详解HTML5 data-* 自定义属性的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-24- 这篇文章主要介绍了HTML5中的标准属性与自定义属性,文中也谈到了JavaScript操作DOM时访问自定义属性的一些相关知识点,非常推荐,需要的朋友可以参考下2016-02-18
html5的自定义data-*属性与jquery的data()方法的使用
在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情，下面为大家介绍下HTML5的自定义data-* 属性和jquery的data()方法的使用，感兴趣的朋友不要错过2014-07-02- HTML5 增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放2014-04-10
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，这些都是HTML5自定义属性,本文整理一些，需要的朋友可以参考下2012-12-13- 这篇文章主要介绍了HTML5自定义属性的问题分析,需要的朋友可以参考下2019-08-16
最新评论