通过"Vanilla JavaScript“添加和删除类时出现错误
"Vanilla JavaScript"是指纯粹的JavaScript，即没有使用任何框架或库的JavaScript。在使用"Vanilla JavaScript"添加和删除类时出现错误可能有以下几个原因：
- 语法错误：请确保代码中没有语法错误，例如拼写错误、缺少分号等。可以使用浏览器的开发者工具（如Chrome的开发者工具）来检查代码并查看是否有任何错误提示。
- 元素选择错误：请确保你选择的元素是正确的。可以使用document.querySelector()或document.getElementById()等方法来选择元素，并确保选择器或ID与HTML中的元素匹配。
- 类名错误：请确保你要添加或删除的类名是正确的。类名应该是字符串，并且与HTML中的类名完全匹配。
- 添加和删除类的顺序错误：在添加和删除类时，请确保按照正确的顺序执行操作。例如，首先添加类，然后再删除类。
- 异步操作错误：如果你的代码涉及到异步操作（例如使用setTimeout()函数），请确保在操作完成之后再进行类的添加或删除操作。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
腾讯云云服务器（CVM）是一种灵活可扩展的云服务器，提供高性能的计算能力和稳定可靠的云端环境。你可以使用CVM来部署和运行你的应用程序，并使用"Vanilla JavaScript"进行前端和后端开发。
腾讯云云函数（SCF）是一种无服务器计算服务，可以让你在云端运行代码而无需管理服务器。你可以使用SCF来运行JavaScript代码，并在代码中使用"Vanilla JavaScript"来添加和删除类。
腾讯云产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
相关·内容
在一个简单的例子中，我试图通过JS中的类来查找是否存在一个类，并基于它的“切换”背景。代码有问题，有人能帮我解决吗？
浏览 21提问于2020-06-05得票数 1
回答已采纳
我正在尝试创建一个转换，它会在加载的页面中迅速消失，然后当单击一个链接时，页面就会逐渐褪色并稍微向上移动。 pageloader
浏览 3提问于2019-12-11得票数 0
回答已采纳
似乎在Safari (版本: 9.1 )中，无论是jQuery还是vanilla JavaScript都没有捕捉到滚动事件。我的目标是捕捉滚动的位置，如果它低于50px，通过添加一个类来修复导航栏，否则删除那个类。
我放在下面的代码片段可以在Chrome、Firefox和IE中运行，但不能在Safari中运行。
浏览 0提问于2016-11-04得票数 1
2回答
在这个滑块中，我想让图像互换而不是移动，我的意思是，就像第一幅图像从它的位置消失，第二幅图像在替换第一幅图像时褪色- -在第一幅图像-的位置，第二幅图像从它的位置消失，第三幅图像在替换第二幅图像时褪色-
浏览 2提问于2020-04-04得票数 0
回答已采纳
书呆子们，我最近偶然发现了一些很奇怪的东西，基本上破坏了我正在开发的网络应用程序.它是我通过(vanilla) javascript添加到HTML元素中的css属性，似乎是异步的，以证明我有一小部分代码注意:你随处可见的小下划线，是我制作和测试的一个小库.我99%确信CSS、add类和remove类函数都能工作。
现在的问题是，当我进入代码的remove类部分(最后两行)时，CSS似乎还没有被应用。因此，当它最终完成时</em
浏览 3提问于2017-04-26得票数 1
回答已采纳
1回答
我正在按照这里给出的说明( )设计cshtml页面CSSJS
<script src="htt
浏览 10提问于2021-12-12得票数 0
回答已采纳
来自Ember指南：
什么时候这是必要的/有利的？难道就不能直接把所有的东西都加进去吗？
浏览 3提问于2013-11-14得票数 7
回答已采纳
darkAqua","darkPurple","darkGreen", "darkYellow", "darkOrange", "darkRed", "darkPink"]; 下面是我希望在每次运行时替换的类的数组questionContainer.classList.add(addDarkColor[nextClicked]) 这就是我目前所拥有的，只是每次都添加一个新的类，然而，很明显，它是堆叠的。它是有效的
浏览 11提问于2020-05-02得票数 1
回答已采纳
我在vanilla JavaScript中创建了一个<div>自定义函数，用于检查<div>(作为参数传递)是否有特定的class="newClass"(也作为参数传递)。如果是false，则必须添加该类。toggleClass(mainDiv, 'new
浏览 0提问于2019-08-04得票数 1
回答已采纳
1回答
我开始了一个用vue-cli和vuex做笔记的项目。我已经正确地设置了所有的东西，并且一切都很好，而且当我在vuex存储节点中添加一个新的注释时，它会被添加，这是很好的，但是当我在输入字段中更改值时，我的vuex存储值也会在没有提交任何内容的情况下得到更新$store.dispatch("updateNotes",this.note); }, </script></style&g
浏览 1提问于2020-11-21得票数 1
回答已采纳
2回答
我有一个图像标签，它在每3秒改变为不同的图像，我想添加到它的动画样式，每次图像切换，css动画关键帧将生效。我似乎想不出如何在javascript中应用动画。这是我到目前为止尝试过的：let indexObj = {
.imageToChange {width: 70x;
border-r
浏览 1提问于2020-04-14得票数 0
我正在使用。但我不知道如何从列表选项中获得当前突出显示的选项的值。
我还没有在文档中找到任何有用的道具。
浏览 0提问于2021-07-13得票数 1
回答已采纳
5回答
删除除一个类以外的所有类
、、、、
嗯，我知道通过一些jQuery操作，我们可以向特定的div添加很多类：假设通过一些单击和其他操作，div获得了很多类那么，如何删除除一个类之外的所有类呢？我唯一的想法是：
$('#container div.cleanstate'
浏览 5提问于2011-03-20得票数 98
回答已采纳
这个类--联系表单7已经设置了--我想要抓取。但是看起来hasClass()对此并不起作用。它只适用于预定义的类。我的结论是，当整个页面没有重新加载时，hasClass()试图获取的类在某种程度上是不可用的。 $(this).css({'background' : '#fff'});如果您没有填写所需的输入/文本区，并按下了“发送”，该字段将出
浏览 0提问于2012-07-20得票数 0
回答已采纳
2回答
但是当被选中时，图像的某些部分会出现反转。我想添加一个onclick旋转功能，当按钮被点击时，它将旋转图像。我在文档中找到了要旋转的示例代码，但将其添加到我的一小段代码中根本不起作用。我确信我正在犯一个我无法克服的错误。下面是两个代码。rNNWzqJ](https://codepen.io/zoomkraft/pen/rNNWzqJ)上的Codepen代码片段$(document).ready(function(){
<
浏览 1提问于2019-10-20得票数 3
我尝试的是创建一个脚本，以便在我向下滚动时向我的'nav‘添加一个类'scroll’，并在我返回顶部时删除它。 但正如我所说的，我是一个初学者，似乎我的脚本或我的CSS做错了什么。
浏览 40提问于2020-12-11得票数 1
1回答
现在一些员工说这是一个错误的选择，它应该是一个单元测试框架。<div data-components="myComponent"><div>inner</div></div>
加载一些JavaScript (myComponent)，这将改变/
浏览 12提问于2016-07-19得票数 0
1回答
它可以满足我的需要，但有一个小问题:当页面加载时，整个菜单树看起来会展开，并覆盖整个页面一段时间。
它看上去很难。如果您有任何建议或解决办法来解决这个问题，我将非常感激。
浏览 0提问于2011-04-27得票数 3
回答已采纳
7回答
我正在尝试通过AJAX访问JSON脚本，它在Safari和其他浏览器上运行良好，但不幸的是不能在Chrome中执行。它会出现以下错误：
拒绝执行来自'*‘的脚本，因为其MIME类型('application/json')不可执行，并且启用了严格的MIME类型检查。
浏览 174提问于2014-07-02得票数 146
回答已采纳
2回答
可能重复：
public interface Icecream { public String getDescriptioniceCost: 1.
浏览 2提问于2013-01-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
