首先分享一个写程序时的小技巧：
一般情况下，代码里面的字符串是不能换行的，但是当代码很长的时候，为了增加可读性，我们在字符串每一行的末尾加上一个反斜杠（\）就可以了。
DOM进阶
一、HTML属性操作
HTML属性操作，指使用JS来操作一个元素的HTML属性。像下面例子中有一个input元素，指的就是操作它的id、type、value等。
<input id="btn" type="button" value="提交"/>
操作属性的方式有两种，一种是使用“对象属性”，一种是使用“对象方法”，下面分别介绍。
1. 对象属性
获取属性值语法
obj.attr
设置属性值语法
obj.attr = "值";
2. 对象方法
获取属性值语法
obj.getAttribute("attr")
设置属性值语法
obj.setAttribute("attr")
注：很多小伙伴可能会问，为什么JS要提供两种方式来操作HTML属性呢，这岂不是多次一举。其实，他们在很多情况下是等价的，但是当我们为元素自定义一个属性时，这个自定义的属性是用户自己定义的而不是元素自带的，那我们就只能使用“对象方法”的方法，而“对象属性”的方法会出现错误。
删除属性值语法
obj.removeAttribute("attr")
判断属性值有无语法
obj.hasAttribute("attr")
注：这后两种语法是“对象属性”的方法中所没有的
CSS属性操作待更新