javascript - 添加/删除/替换 html 元素的类

Question

我很好奇如何向 html 元素添加/删除类？这似乎是一个非常简单的操作。但事实证明，由于某种原因，没有找到方法 removeClass。

所以我需要做的是替换或删除一个旧的并向元素添加一个新的。我怎样才能做到这一点？

score 1 · Accepted Answer

使用addClass和removeClass

<div class="firstClass" id="uniqeId"></div>

$("div#uniqeId").removeClass("firstClass");
$("div#uniqeId").addClass("Some_Other_Class");

score 1 · Accepted Answer

$('#elementId').addClass('className');
$('#elementId').removeClass('className');

score 1 · Accepted Answer

由于您的问题带有jquery标记，因此您可以使用两个函数：

如果没有 jQuery，并且在现代浏览器上，您可以使用该classList属性：

element.classList.remove('oldclass')

element.classList.add('newclass')

score 1 · Accepted Answer

您可以使用.toggleClass()同时添加/删除，我的意思是从一个类切换到另一个：

根据类的存在或 switch 参数的值，从匹配元素集中的每个元素中添加或删除一个或多个类。

如果这是您的 html：

<div class="aaa">Some text.</div>

然后这个脚本：

$('div.aaa').toggleClass('bbb');

将输出如下：

<div class="aaa bbb">Some text.</div>

或者，如果您这样做：

$('elem').toggleClass('aaa bbb');
     //--------------------^^^---here this class will be added/removed

score 1 · Accepted Answer

用于AddClass添加类，removeClass删除，toggleClass切换（如果存在则删除类，如果不存在则添加）:)

score 1 · Accepted Answer

如果您使用 jQuery，请确保它在您的脚本之前加载，然后像这样使用：

$('p').removeClass('myClass yourClass') // remove class
$("p").addClass("myClass yourClass");   // add class

如果你想在这里使用纯 JS，你是：如何将类添加到给定元素？

var d = document.getElementById("div1");
d.className = d.className + " otherclass";

score 1 · Accepted Answer

该removeClass方法包含在 jQuery 中，除非您已覆盖它。

$("#someElement").removeClass("someclass");

7 回答 7