冰雪为融的博客

浑身毛病的一个在努力的人

H5中的自定义数据属性

H5规定可以为元素添加非标准的属性,但要添加前缀data-,目的是为元素提供与渲染无关的信息,或者提供语义信息。这些属性可以任意添加,随便命名,只要以data-开头即可

添加了自定义属性后,可以通过dataset属性来访问自定义属性的值。dataset属性的值是一个名值对儿的映射,在这个映射中,每个data-name形式的属性都会有一个对应属性,只不过属性名没有data-前缀。嗯、一例胜千言,看例子呗

<div id="person" data-name="leo" data-sex="male"></div>
<script>
    var  oPerson = document.getElementById('person');
    console.log(oPerson.dataset.name+','+oPerson.dataset.sex)//leo  male
</script>

阅读更多
版权声明: https://blog.csdn.net/lhjuejiang/article/details/79978984
文章标签: H5 data-
个人分类: H5
上一篇ES6之async函数(1)知识点总结(十二)
下一篇ES6之Class类知识点总结(十三)
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭