Question

我尝试使用此代码，但它不适合我

const element = document.getElementsByClassName("dropdown")[0];
    if(total < 15){
      element.classList.add("otherclass");
    }else{
      element.classList.remove("otherclass");
    }

为我抛出错误

<div ClassName="dropdown">
</div>

Answer 1

要通过JavaScript引用元素的class属性，您需要使用className属性。

const element = document.getElementsByClassName("dropdown")[0];
if(total < 15){
  element.className+=" otherclass"; // Space before the string when there are other classes present.
}else{
  element.className.replace("otherclass", "");
}

你可以将你的className字符串分隔，用空格分隔，然后分成一个数组，然后对你的类进行更多控制，当然你必须在实现之前将它们重新插入字符串中它

虽然jQuery（以及其他DOM管理库）已经提供了此功能。

修改

请参阅此JSFiddle以获取一个工作示例......

https://jsfiddle.net/fq8jwLyx/

如何使用纯javascript添加删除类

1 个答案: