如何用JavaScript更改元素的类？

Question

如何用JavaScript更改元素的类？如何onclick使用JavaScript 更改HTML元素的类以响应事件？

Answer 1

你也可以这样做：

的document.getElementById（ 'ID'）classList.add（ '类'）。

的document.getElementById（ 'ID'）classList.remove（ '类'）。

并切换一个类（删除，如果存在，否则添加它）：

。的document.getElementById（ '编号'）classList.toggle（ '类'）;

Answer 2

哇，惊讶于这里有太多的矫枉过正的答案......

<div class="firstClass" onclick="this.className='secondClass'">

Answer 3

这对我有用：

function setCSS(eleID) {

    var currTabElem = document.getElementById(eleID);

    currTabElem.setAttribute("class", "some_class_name");

    currTabElem.setAttribute("className", "some_class_name");

}