每个元素都有一个或多个属性,这些特性的用途是给出相应元素的内容的附加信息。操作特性的DOM方法主要有三个。
getAttributr(),
<div id="btn" data-test="test"></div>
let btn = document.getElementById('btn'); alert(btn.getAttribute('data-test')); // 弹出为'test'
setAttribute(), //接收两个参数:要设置的特性名称和对应的值;
btn.setAttribute('data-kang',"kang") alert(btn.getAttribute('data-kang'));//弹出 ’kang‘
removeAttribute()//彻底删除元素的属性
btn.removeAttribute('data-kang'), console.log(btn.getAttribute('data-kang')); // 控制台显示为空白;