类名属性用于管理具有指定类名的元素的任务。
如果我们想创建一个将类添加到 <div> 元素的 JavaScript 函数，可以在 JavaScript 中使用一些方法。
.className 属性
Element 接口的 className 属性用于获取和设置给定元素的 class 属性的值。
首先，在元素上放置一个 id 以获取引用：
<div id="divId" class="someClass"> <p>Add new classes</p> </div>
然后使用 .className 添加一个类：
<!DOCTYPE html>
<html>
<body>
<div id="divId" class="someClass ">
<p>Add new classes</p>
</div>
<script>
let cName = document.getElementById("divId");
cName.className += "otherClass";
alert(cName.className);
</script>
</body>
</html>
在“someclass”之前包含空格很重要，否则它会损害类列表中位于它之前的现有类。
.add() 方法
DOMTokenList 接口的 add() 方法用于将给定的标记添加到列表中。
此方法还用于向指定元素添加类名。
<!DOCTYPE html>
<html>
<body>
<div id="divId" class="someClass ">
<p>Add new classes</p>
</div>
<script>
function addClass() {
let cName = document.getElementById("divId");
cName.classList.add("addNewClass");
alert(cName.classList);
}
addClass();
</script>
</body>
</html>
日期：2020-06-02 22:16:06 来源：oir作者：oir