HTML5規(guī)定可以為元素添加非標(biāo)準(zhǔn)的屬性，但要添加前綴 data- ，目的是為元素提供與渲染無關(guān)的信息，或者提供語義信息。這些屬性可以任意添加、隨便命名，只要以 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>
總結(jié)
以上所述是小編給大家介紹的HTML5自定義屬性前綴data及dataset的使用方法(html5 新特性)，希望對(duì)大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
標(biāo)簽：晉中 玉溪 邯鄲 撫州 煙臺(tái) 安慶 牡丹江 內(nèi)蒙古
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《HTML5自定義屬性前綴data-及dataset的使用方法(html5 新特性)》，本文關(guān)鍵詞 HTML5,自定義,屬性,前綴,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
