样式操作之className和classList的差异

251 阅读1分钟

className可以给dom元素添加一个类样式,但是原来的类样式会被覆盖 元素.className = '类名'

classList的add方法可以给dom元素追加一个类样式,原来的类样式不会被覆盖 元素.classList.add('类名')

总结className是覆盖,classList是追加

补充:

classList还可以实现对类样式的删除,切换和查询

classList.add('类名')//添加

classList.remove('类名')//删除

classList.toggle('类名')//切换 如果有这个类样式就删除,没有就添加

classList.contains('类名')//查询 如果有这个类样式就返回true,如果没有就返回false