使用JS将CSS类添加到元素

将CSS类添加到元素
您也可以使用className属性将CSS类获取或设置为HTML元素。

示例
document.getElementById("x").className = "para";
您还可以使用该classList属性轻松地从元素获取，设置或删除CSS类。

下面的示例向<p>元素添加一个para类：

示例
var elem = document.getElementById("x");
elem.classList.add("para");

将多个类添加到<p>元素：
示例
var elem = document.getElementById("x");
elem.classList.add("para", "shadow");

从<p>元素中删除一个类：
示例
var elem = document.getElementById("x");
elem.classList.remove("para");
在两个类之间切换<p>元素：
示例
var elem = document.getElementById("x");
elem.classList.toggle("anotherClass");