JavaScript className 类名属性操作

在JavaScript中，可以通过className属性来操作HTML元素的类名。

1. 添加类名：可以使用element.className += "className"来添加一个类名到元素中。

var element = document.getElementById("myElement");
element.className += " newClass";

1. 移除类名：可以使用element.classList.remove("className")来移除一个类名。

var element = document.getElementById("myElement");
element.classList.remove("oldClass");

1. 切换类名：可以使用element.classList.toggle("className")来切换一个类名，如果元素中已经包含了该类名，则移除该类名，否则添加该类名。

var element = document.getElementById("myElement");
element.classList.toggle("active");

1. 替换类名：可以使用element.classList.replace("oldClass", "newClass")来替换一个类名。

var element = document.getElementById("myElement");
element.cl