原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute（转发）

<input type="button" id="btn" a='18' value="按钮">

var btn = document.getElementById('btn');
console.dir(btn);
console.log(btn.id); // btn
console.log(btn.type); // button
console.log(btn.a); // undefined

// 查询属性是否存在
console.log(btn.hasAttribute('a'));  // true

// 获取自定义属性
var a = btn.getAttribute('a');
console.log(a); // 18

// 设置自定义属性
btn.setAttribute('attr', '设置'); // 2个参数
console.log(btn); // ​
btn.setAttribute('class', 'inputBtn'); // 2个参数
console.log(btn); // ​

// 移除自定义属性
btn.removeAttribute('attr');
btn.removeAttribute('class');
btn.removeAttribute('a');
console.log(btn); // ​

学习转发
链接：原文链接