HTML5自定義屬性前綴data-及dataset的使用方法(html5 新特性)

HTML5規定可以為元素添加非標準的屬性，但要添加前綴data- ，目的是為元素提供與渲染無關的信息，或者提供語義信息。這些屬性可以任意添加、隨便命名，只要以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 新特性)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！