如何设置data的类型,以及设置data的值
步骤:
首先声明一个参数,参数定义获取html标签名div,如下:
var Div = document.getElementsByTagName(‘div‘)[0];
接下来,我们定义一个data类型data-link;然后在js内通过setAttribute设置属性和值。
Div.setAttribute(‘data-link‘,‘http://www.cnblogs.com/hao5599/‘);
// <div id="my_test" data-link="http://www.cnblogs.com/hao5599/"></div>
刚刚我用setAttribute设置了标签的data数据类型,除了使用setAttribute之外,还可以使用dataset.key来设置data属性和值。
object.dataset.key = value;
Div.dataset.link02 = ‘http://www.cnblogs.com/hao5599‘;
// <div id="my_test" data-link02="http://www.cnblogs.com/hao5599"></div>
my_id.dataset.link03Url = ‘http://www.baidu.com/‘;
//<div id="my_test" data-link03-url="http://www.baidu.com/"></div>
my_id.dataset.UrlDataValue = ‘http://www.google.com/?123‘;
<div id="my_test" data-url-data-value="http://www.google.com/?123"></div>
如何获得元素的data数据值
如何获取data的属性值,就是使用getAttribute,方法如下:
console.log(my_id.getAttribute(‘data-link02‘)) // http://www.cnblogs.com/
data支持哪些类型number、boolean、string。