码迷,mamicode.com
首页 > 其他好文 > 详细

data-属性的作用

时间:2018-11-13 02:24:59      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:作用   get   move   attr   java   set   属性   元素   数据   

data-属性用于储存私有的自定义数据,data-属性可以让我们在所有html元素上增加自定义data属性,存储的data属性能被JavaScript调用。
data-属性不应该包含任何大写字母,并且在data-后必须最少拥有一个字符,属性值可以是任意字符串

取值方法:
// getAttribute
var id = document.getElementById(‘id‘);
var data = id.getAttribute(‘data-xxx’);

// dataset
var id = document.getElementById(‘id‘);
id.dataset.xxx; //取值
id.dataset.xxx = ‘xxx‘; //赋值
id.dataset.xxx2 = ‘xxx2‘; //新增
delete id.dataset.xxx; //删除

// JQuery data
var data = $(‘#id‘).data(‘xxx‘); //取值
$(‘#id‘).data(‘xxx‘,‘xxx1‘); //赋值 新增
$(‘#id‘).removeData(‘xxx‘); //删除

// JQuery attr
var data = $(‘#id‘).attr(‘data-xxx‘); //取值
$(‘#id‘).attr(‘data-xxx‘,‘xxx1‘); //赋值 新增
$(‘#id‘).removeAttr(‘data-xxx‘); //删除

data-属性的作用

标签:作用   get   move   attr   java   set   属性   元素   数据   

原文地址:https://www.cnblogs.com/studysuper/p/9949653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!