在之前，我们通过如下的方式获取元素的属性值
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css"></style></head><body><div id="box"></div><script type="text/javascript">var div = document.querySelector('div');console.log(div.id);</script></body></html>
这里我们新了解到了element.getAttribute('属性') get得到 Attribute 属性的意思
可以用下面的代码直接获取到div标签的id。
console.log(div.getAttribute('id'));
他们两个的区别在哪里：
第一个用在元素内置的属性的获取，而第二个我们常用于自定义属性 (程序员自己添加的属性)。
如何对自定义属性值进行修改：
首先是之前的方法： 元素.属性 = 值 比如：
div.id = test;
新了解到的：element.setAttribute('属性','值');
将上边的div的id改为boxs
div.setAttribute('id','boxs');
移除元素属性值：element.removeAttribute('属性')
div.removeAttribute('id');
从而移除div的id属性
