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 新特性)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
