玩笑过后

导航

自定义数据属性

H5规定可以为元素添加非标准的属性,但要添加前缀data-  目的是为元素提供和渲染无关的信息,或者语义信息

这些属性可以任意添加,但是属性名前边必须添加data-的前缀

添加完自定义属性以后,可以通过dataset属性来访问自定义的属性值

<body>
    <div id='div1' data-appd='klkx2'>klkx</div>
    <script>
        var oDiv = document.getElementById('div1');

        oDiv.dataset.app = 'klkx';//添加属性时,不用写data-,系统会自动添加

        console.log( oDiv.dataset.appd );//访问属性值不用写前缀
    </script>
 </body>

 

posted on 2018-08-26 18:18  玩笑过后  阅读(135)  评论(0编辑  收藏  举报