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

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

猜你喜欢

转载自www.cnblogs.com/kangshuishneg/p/11296806.html