如何设置data属性,如何设置data的值

标签：data-*

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

本文出自 “this is share blog” 博客，请务必保留此出处http://kosig.blog.51cto.com/9218084/1699974

如何设置data属性,如何设置data的值

标签：data-*

原文地址：http://kosig.blog.51cto.com/9218084/1699974