回顾一下红宝书中获取元素特性的三个方法

Posted 2022-06-09 kangshuishneg

每个元素都有一个或多个属性，这些特性的用途是给出相应元素的内容的附加信息。操作特性的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‘)); // 控制台显示为空白；