js原生DOM属性值查找 getAttribute，设置setAttribute，移除removeAttribute

1. getAttribute()查找元素属性值，传入一个元素属性名称，不存在则返回null。

const div = document.querySelector('#test')
alert(div.getAttribute('id'))  // 打印元素id属性值
alert(div.getAttribute('class')) // 打印元素class属性值
alert(div.getAttribute('title')) // 打印元素title值

2. setAttribute()设置元素属性值，两个参数，一个是元素属性名称，另外一个是属性值，如果元素已拥有该属性则会替换之前属性值。注意：设置的属性名称会被统一转化为小写。

const div = document.querySelector('#test')
div.setAttribute('id','test')  // 设置元素id
div.setAttribute('class','test') // 设置元素class
div.setAttribute('title','这是一个例子') // 设置元素title

3. removeAttribute()移除元素属性。传入一个属性名称作为参数。

const div = document.querySelector('#test')
div.removeAttribute('id') // 移除元素id属性和属性值