如何设置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。