data-xxx自定义属性

HTML5中有一个自定义属性 data-xxx
作用大概是可以储存私有属性、可以不进行ajax直接在自身上获取信息
讲一下用法

<a href="http://www.baidu.com" >链接</a>
比如这有个a标签  我可以自定义属性 并且在其中储存其他网址
<a href="http://www.baidu.com" data-url1="http://www.jd.com" data-url2="http://www.suning.com">链接</a>

既然是属性 那么它就可以使用javaScript的两个方法
getAttribute 获取属性
setAttribute 修改属性

var a = document.getElementsByTagName("a")[0];
a.getAttribute("data-url1");  // "http://www.jd.com";
a.setAttribute("data-url2", "http://www.taobao.com");  // "http://www.suning.com" -> "http://www.taobao.com"  被更改

这里还要说一个方法 dataset

这个方法也可以获取 data-xxx 的属性值 得到的是一个对象