当另一个元素被单击时，如何删除一个类？
要实现当另一个元素被单击时删除一个类，可以通过使用JavaScript来完成。具体的步骤如下：
- 首先，需要选取另一个元素并绑定一个单击事件。可以使用
document.querySelector方法选择目标元素，并使用addEventListener方法为其添加一个单击事件监听器。 示例代码： - 首先，需要选取另一个元素并绑定一个单击事件。可以使用
document.querySelector方法选择目标元素，并使用addEventListener方法为其添加一个单击事件监听器。 示例代码： - 接下来，在单击事件的处理程序中，通过使用
document.querySelector或document.querySelectorAll方法选择需要删除类的元素。根据需要删除类的元素数量，可以选择单个元素或多个元素。 示例代码： - 接下来，在单击事件的处理程序中，通过使用
document.querySelector或document.querySelectorAll方法选择需要删除类的元素。根据需要删除类的元素数量，可以选择单个元素或多个元素。 示例代码： - 然后，可以使用
classList属性中的remove方法来删除类。将需要删除类的元素作为remove方法的参数传入即可。 示例代码： - 然后，可以使用
classList属性中的remove方法来删除类。将需要删除类的元素作为remove方法的参数传入即可。 示例代码：
下面是一个完整的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>删除类示例</title>
<style>
.需要删除的类名 {
color: red;
}
</style>
</head>
<body>
<button id="另一个元素的选择器">点击我删除类</button>
<p class="需要删除的类名">这是一个需要删除类的元素。</p>
<script>
const targetElement = document.querySelector('#另一个元素的选择器');
targetElement.addEventListener('click', function() {
const elementsToRemoveClass = document.querySelectorAll('.需要删除的类名');
elementsToRemoveClass.forEach(function(element) {
element.classList.remove('需要删除的类名');
});
});
</script>
</body>
</html>上述示例代码中，点击"点击我删除类"按钮后，会删除所有具有"需要删除的类名"类的元素中的该类。
相关链接：
相关·内容
是否可以使用Vue从元素中删除类？我需要删除悬停事件上的类，并在指针不在文本上方时将其带回来。<span class="text-muted">All | </span>
<span class="text-muted"&
浏览 2提问于2017-07-03得票数 1
我有一个函数可以在元素上添加一个类(一个动画)，但是它没有按计划工作。
我希望用户一次只添加一个类。如何验证这一点？我真的不知道如何使用原始的Javascript。当动画停止时，我尝试删除这个类，但是用户仍然可以添加多个类。因此，动画期间会有几个类，只有在动画消失时才会被移除。el.addEventListener("
浏览 2提问于2014-01-05得票数 0
我有一个Li元素(dropdown)，它在父div (按钮)被单击时获得一个活动类。当这个元素有这个类的时候，我想给另一个div同样的类。当再次单击li元素(dropdown)时，活动类被删除，然后我也想删除第二个div上的活动类。active')
浏览 1提问于2015-03-11得票数 0
2回答
当我在chromedriver上运行测试时出错，因为它在firefoxdriver上运行得很好：
我正在尝试单击一个按钮，然后单击下拉菜单中的列表项按钮单击是好的，但列表项目没有被</em
浏览 4提问于2015-08-27得票数 0
回答已采纳
当用户单击第三个导航按钮时，li元素尚未将自定义类分配给它。因此，它现在要求用户在同一个导航按钮上第二次手动单击(这显然是愚蠢的。)带有视频元素的li可以是任何幻灯片，所以我不能硬编码它。Codepen已经被更改了，所以没有链接。但无论如何都没起作用。
我发现这简直是疯了，事实证明这是如此的困难。所以在这里，我最近的一次尝试是有效的，但是显示了控制台中的一些错误，它仍然需要双击：。
浏览 3提问于2016-05-17得票数 1
回答已采纳
当单击虚拟DOM中的一个元素时，必须从另一个元素中删除一个类。在jQuery中，这非常简单： $(1.element).click(function() {} 如何在Vue中实现同样的功能
浏览 17提问于2018-12-22得票数 1
我有一些代码，当一个按钮被点击时，它会切换到一个活动的类。同时，我需要在切换的元素上设置一个top-margin，一旦再次单击按钮并删除切换的类，它也需要被删除。我不能将top-margin设置为活动类的一部分，因为我需要通过检查另一个元素的高度来动态获取边距的值。这是我切换类并添加页边距的代码 var siz
浏览 9提问于2020-12-08得票数 0
回答已采纳
我已经用我当前的代码创建了一个柱塞。
当每一项上的一个按钮被点击时，我想让'li‘元素让类被选中(也就是背景变成灰色。如果单击了另一个元素，我希望删除以前的items selected类并将其添加到已单击的项中。所以基本上是类的切换..)
浏览 0提问于2017-06-20得票数 0
回答已采纳
2回答
这就是我想做的：(2)通过追加或删除<li id>更新隐藏输入字段
注意:我不想替换隐藏输入字段中的值，但是添加它，这样您就可以得到一个值"u40因此，当用户单击带有addable类的<li>元素时，它将从其父<ul>中删除，并附加到另一个div
浏览 5提问于2011-04-30得票数 0
回答已采纳
所以我尝试只在被点击的元素上切换一个类(活动的)。如果另一个元素被点击，我想将" active“类添加到被点击的元素中，并从任何其他元素中删除活动类。问题是，当我单击一个元素时，“活动”类被添加，但当我单击另一个元素</e
浏览 0提问于2016-07-12得票数 1
嘿，我有一些函数可以绑定我的导航点击。当一个链接被点击时，它会使类“活动”。我的元素在命中时获取活动类，在另一个元素被单击时删除。(accordion)中的一个元素，它会向下滑动，获得活动类(仍然保留主类)：
<a id=&qu
浏览 1提问于2011-01-19得票数 1
2回答
假设我有一个用于某个class的jQuery点击处理程序，其中多个按钮/主体/部分都有这个类。我想知道最后单击的是哪个按钮，取消单击之前单击的任何按钮，并使其对客户来说也是显而易见的。什么是更好的方法，跟踪上一次单击按钮的变量，这样当另一个按钮被单击时，我可以将其更改为“unclicked”，或者只是针对整个类？我问这个问题的部分原因是，如果我以整个类为目标，并
浏览 0提问于2015-05-07得票数 2
我想创建一个简单的画廊。单击图像时，会调整图像的大小。但是，当我单击另一个图像时，第一个图像仍然处于活动状态。当我单击另一个图像时，如何删除类？
浏览 24提问于2021-10-18得票数 0
回答已采纳
4回答
我知道我需要SVG jQuery插件，所以我已经使用了toggleClass()函数，但是我尝试从我的组元素中删除类，然后将另一个类添加到组元素中：
$('g').removeClass().addClass最终，我的愿望是拥有这个饼的技能图表，当一个切片被点击时，它会从饼中被稍微移除，直到另一个切片被点击。一旦单击了另一个切
浏览 8提问于2013-08-26得票数 0
回答已采纳
我有一张李元素的清单。当点击导航时，活动的li会得到一个类“当前”，但这需要一秒钟。但是，当我使用我的代码，我需要点击导航，然后李打开，我需要再次点击，以作出代码注册。视频的位置不能硬编码！each(function() { });
});
不幸的是，我将不能在下一个小时左右
浏览 2提问于2016-05-17得票数 0
回答已采纳
1回答
在Wordpress默认情况下，当我们单击某个类别时，例如，类别名称是“袋子”，那么我们会看到“袋子”中所有帖子的列表。如何删除“衣服”中的“衣服”类链接？
仅当正在查看已删除类别<em
浏览 3提问于2015-01-05得票数 0
document.getElementsByClassName('blur').classList.remove("blurry");我认为错误如下：
我试图做的是，得到所有元素的类名模糊，并添加另一个类名(模糊)到它.但是这不起作用，因为我的CSS没有被更改。我唯一想要实现的是，当一个输入字段被点击/聚焦时
浏览 0提问于2017-02-24得票数 0
回答已采纳
我有一个指令，单击按钮应该添加另一个指令，单击另一个按钮应该删除该指令。下面的代码添加了指令，但是单击“Remove”按钮后，就不能再添加元素了。'<button ng-click="remove()">Remove</button>' + }这似乎是因为单
浏览 2提问于2014-08-12得票数 2
回答已采纳
1回答
禁用链接几秒钟
、、
我正在用制作一个图书网站。每次单击链接时，图书页切换到下一页，.active类从链接切换。问题是，如果在页面之间快速单击，活动类会切换，但书的移动太慢，因此不会跳到下一页。我正在尝试禁用链接后，你点击一个。我的想法是删除一个属性几秒钟如下： .. switch .active$(&quo
浏览 2提问于2014-03-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
