有人可以让我知道如何删除一个类的元素只使用JavaScript ? 请不要用jQuery给我一个答案，因为我不会用它，我对它一无所知。
当前回答
div.classList.add("foo");
div.classList.remove("foo");
更多信息请访问https://developer.mozilla.org/en-US/docs/Web/API/element.classList
其他回答
下面是一种将此功能直接烘焙到所有DOM元素的方法:
HTMLElement.prototype.removeClass = function(remove) {
var newClassName = "";
var i;
var classes = this.className.split(" ");
for(i = 0; i < classes.length; i++) {
if(classes[i] !== remove) {
newClassName += classes[i] + " ";
}
}
this.className = newClassName;
}
正确和标准的方法是使用classList。现在大多数现代浏览器的最新版本都广泛支持它:
ELEMENT.classList.remove("CLASS_NAME");
删除.点击 =（） => { const el = document.querySelector（'#el'）; el.classList.remove（“red”）; } .红色 { 背景：红色 } <div id='el' class=“red”> 测试</div> <按钮 id='删除'>删除类</button>
文档:https://developer.mozilla.org/en/DOM/element.classList
我使用这个JS片段代码:
首先，我到达所有的类，然后根据我的目标类的索引，我设置className = ""。
Target = document.getElementsByClassName("yourClass")[1];
Target.className="";
div.classList.add("foo");
div.classList.remove("foo");
更多信息请访问https://developer.mozilla.org/en-US/docs/Web/API/element.classList
我认为这很简单。
document.getElementById("whatever").classList.remove("className");
