原生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); // <input type=​"button" id=​"btn" a=​"自定义属性" value=​"按钮" attr=​"设置">​
btn.setAttribute('class', 'inputBtn'); // 2个参数
console.log(btn); // <input type=​"button" id=​"btn" a=​"自定义属性" value=​"按钮" attr=​"设置" class="inputBtn">​
// 移除自定义属性
btn.removeAttribute('attr');
btn.removeAttribute('class');
btn.removeAttribute('a');
console.log(btn); // <input type=​"button" id=​"btn" value=​"按钮">​