使用类名设置样式的好处是：样式复用方便；
js中直接通过元素的className属性设置元素的类名；
首先获取元素例如box
box.className = 'colorRed';
className只能设置标签行内属性；
获取属性：
获取自定义属性的方法是：元素.getAttribute（'要获取的属性名'）；可以是自定义的也可以
是标签内置属性；
设置属性
给标签设置在自定义属性时（推荐）添加 data- 前缀；设置方法
元素.setAttribute('data-自定义名称','自定义属性的值')；
使用上述方法也可以操作标签行内自带属性：
虽然可以操作自带属性，但是还是原始方式比较简便 （元素.style.属性名 = '属性值'）。
删除属性
元素名称.removeAttribute('要删除的属性名称');
innerHTML 和 innerText 给元素添加内容设置会把之前的元素覆盖掉
两个方法的区别是
innerHTML：既可以操作纯文本又可以生成标签；
innerText ：只能生成纯文本不能生成结构；