原生JavaScript增加、移除class属性

css语句：

.active{ background-color: red;}

HTML语句

<ul> <li></li><li></li><li></li> </ul>

JavaScript语句：

① document.getElementsByTagName('li')[0].className = 'active'; //设置成新的class名

② document.getElementsByTagName('li')[0].className += '（空格）active'; //在原来的class名上增加class，如果你新增的class不生效，请查看是否在class名前加上了一个空格

③ document.getElementsByTagName('li')[0].classList.add("active"); //与①等价

④ document.getElementsByTagName('li')[0].classList.remove("active"); //移除class