这仅仅是一个HTML标签的属性,一般写法如下
链接
在HTML标签中使用data-开头标识一些属性,用来保存变量,就能灵活的做业务开发,比如:
链接
// 有个链接,为链接增加个事件监听
document.getElementById('a1').addEventListener('click', function(e) {
e.preventDefault();
var a = e.currentTarget;
if (a.getAttribute('data-demo-html') == 'true') {
// 这样就能很灵活的从HTML中取到数据
// 尤其是在操作列表的时候,这种方式保存数据,是一种常见方法
var id = a.getAttribute('data-id');
// do something
} else {
// 使用setAttribute()接口就能更改属性值,如
a.setAttribute('data-demo-html', 'false');
}
}, false);
如果使用jQuery,那么就可以使用
$('a1').attr('data-demo-html'); // 取值
$('a1').attr('data-demo-html', false); // 赋值