Js/Jquery获取自定义属性的方法

html:

 <span id="item"data-test='test' ></span>

　　方法一、原生JS的 getAttribute 获取自定义属性

• 设置属性 .setAttribute("属性","值")
• 获取属性 .getAttribute("属性")

var span=document.getElementById('item').getAttribute('data-test');
 
//注：前缀为 data- 的属性可以在JS中通过dataset.获取
var dataChange=document.getElementById('item').dataset.test

      方法二、使用jQuery

• 设置属性 .attr("属性","值")
• 获取属性 .attr("属性")

 $('span').attr('data-test');
 $('span').attr('data-test','color');