H5中的自定义数据属性

版权声明: https://blog.csdn.net/lhjuejiang/article/details/79978984

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>

阅读更多
想对作者说点什么?

博主推荐

换一批

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