data-demo-html="true"是什么意思

2020-04-24 体育 103阅读

这仅仅是一个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); // 赋值
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com