原生js给DOM元素添加一个或者多个类名

Posted 烟火人间

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js给DOM元素添加一个或者多个类名相关的知识,希望对你有一定的参考价值。

 

// 覆盖原来的样式
document.getElementById("test").setAttribute("class","test1");
var dom=document.getElementsByClassName("test")[0].setAttribute("class","test1");
// 追加样式不覆盖原来的样式
document.getElementById("test").classList.add("test1");
document.getElementById("test").classList.add("test1","test2","test3");
var dom=document.getElementsByClassName("test")[0].classList.add("test1");
var dom=document.getElementsByClassName("test")[0].classList.add("test1","test2","test3");

以上是关于原生js给DOM元素添加一个或者多个类名的主要内容,如果未能解决你的问题,请参考以下文章

ES6 - 原生js遍历DOM - document.querySelectorAll(‘.xx‘)给DOM元素添加删除类名 - dom.classList.add切换类名toggle

原生js操作DOM元素的一些使用

原生JS添加类名 删除类名

原生JS添加类名 删除类名

原生JS通过类名(className)获取dom元素

js 原生事件委托