data-为前端开发者提供自定义的属性,这些属性集可以通过对象的dataset属性获取,不支持该属性的浏览器可以通过 getAttribute方法获取。
example:
html:
<div id="js_test" data-name="mayan" data-age-num =25 data-sex="man"></div>
读取自定义属性:
js:
var ele = document.getElementById('js_test');
console.log(ele.dataset.name); // mayan
console.log(ele.dataset.ageNum); // 25
注:data-之后的以连字符分割的多个单词组成的属性,获取的时候需使用驼峰风格。(chrome, firefox, opera均支持该属性)