HTML5自定特性前缀data

日期:2020-10-10 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

HTML5要求能够为元素加上非规范的特性,但要加上前缀 data- ,目地是为元素出示与3D渲染不相干的信息内容,或出示词义信息内容。这些特性能够随意加上、随意取名,要是以 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 新特点),期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!

上一篇:微营销推广的商品在精不在多 返回下一篇:没有了