data-前綴就被稱為data屬性砌函，其可以通過腳本進行定義，也可以應(yīng)用CSS屬性選擇器進行樣式設(shè)置端姚。數(shù)量不受限制晕粪，在控制和渲染數(shù)據(jù)的時候提供了非常強大的控制。
舉例
<body>
<div class='showBox'></div>
<input type="button" value='賈玲' age=11 skill='西蘭花' data-name='jl'>
<input type="button" value='高圓圓' data-name='gyy'>
<input type="button" value='張杰' data-name='zj'>
</body>
<script>
var buttonlis = document.querySelectorAll("input");
//遍歷
for(var i = 0; i < buttonlis; i++){
buttonlis[i].onclick = function(){
console.log(this.data['name']);
//也可以這樣寫
console.log(this.data.name);
}
}
</script>
