冰雪为融的博客

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

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
想对作者说点什么? 我来说一句

NTFS数据属性图NTFS数据属性图

2011年02月27日 210KB 下载

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

不良信息举报

H5中的自定义数据属性

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭