原生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

    原文作者:狡猾的九狸
    原文地址: https://www.jianshu.com/p/51a2e1d071f9
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞