"classList.add“不会向div和form元素添加类
classList.add是一个DOM API，用于向元素添加一个或多个类名。它的语法是element.classList.add(class1, class2, ...)，其中element是要操作的元素，class1、class2等是要添加的类名。
classList是一个只读属性，返回一个DOMTokenList对象，它是一个类数组对象，包含了元素的所有类名。DOMTokenList对象提供了一系列方法，用于操作元素的类名，包括add、remove、toggle、contains等。
对于div和form元素，classList.add方法可以用来向它们添加类名。通过添加类名，可以改变元素的样式或者触发特定的事件。
举例来说，假设有一个div元素的id为myDiv，我们可以使用classList.add方法向其添加一个名为"highlight"的类名：
var divElement = document.getElementById("myDiv");
divElement.classList.add("highlight");这样，div元素就会拥有"highlight"这个类名，我们可以通过CSS来定义该类名的样式，或者在JavaScript中根据该类名来执行特定的操作。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
腾讯云云服务器（CVM）是一种弹性计算服务，提供了可扩展的虚拟服务器，可以满足不同规模和业务需求。您可以使用CVM来搭建和部署应用程序、网站、数据库等。
腾讯云云函数（SCF）是一种事件驱动的无服务器计算服务，可以帮助您构建和运行无需管理服务器的应用程序。您可以使用SCF来处理特定事件，例如HTTP请求、定时任务等。
腾讯云云服务器（CVM）产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云云函数（SCF）产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
2回答
无法删除动态添加的类
javascript、html、dom
我被难住了，我发誓我一定错过了一些简单的东西，因为这对我来说没有任何意义。
展望未来，我希望从项目中删除jQuery，这似乎应该是最简单的任务，但对于我的生活，我无法弄清楚它。
我向一个似乎无法删除的元素添加了一个类。
注意：form-input被添加到标记中，而invalid是动态添加的
const telephoneInput = document.querySelector('#form-telephone');
console.log(telephoneInput.classList); // DOMTokenList [ "form-input",
浏览 0提问于2019-11-01得票数 0
3回答
给元素以类
javascript、html、css、class
我只想知道如何使用js将类添加到容器或任何其他元素中。
假设我想在<div>中添加一个类，而scrollY>50是如何做到的呢？
编辑：-
我想在scrollY>50时向元素添加类，当scrollY=0时删除添加的类。
浏览 17提问于2020-08-26得票数 0
回答已采纳
4回答
为什么颜色在循环变化后不改变？
jquery、html、css
我有以下html代码：
<div class="clm class2"></div>
<div class="clm class3"></div>
<div class="clm class4"></div>
<div class="clm class3"></div>
<div class="clm class4"></div>
我有以下css代码：
.clm{
width:50px;
浏览 1提问于2015-08-04得票数 2
回答已采纳
2回答
如何在当前之后调用先前绑定的事件？
javascript、jquery、jquery-events
当我尝试同一个对象上的多个事件时，这个问题出现在我的脑海中。不过，我还是想找出最简单的解决办法。
假设我们有这样的标记：
<select class="class1 class2">
<option>Value 1</option>
<option>Value 2</option>
<option>Value 3</option>
</select>
<p></p>
和绑定到select用于
浏览 1提问于2012-05-02得票数 1
回答已采纳
4回答
Jquery $(this)子选择器
jquery、css-selectors、children
我使用的是：
jQuery('.class1 a').click( function() {
if ($(".class2").is(":hidden")) {
$(".class2").slideDown("slow");
} else {
$(".class2").slideUp();
}
});
在页面结构上：
<div class="class1">
<a href="...">text</a>
浏览 1提问于2009-05-08得票数 72
回答已采纳
1回答
jQuery:按类排除部分元素，选择其余元素
jquery、css-selectors
我使用以下代码来选择页面上的所有外部链接
items = jQuery("a[href^=\'http:\']").not("[href*=\'" + window.location.host + "\']");
但我需要从一些已知类的标签中排除链接，例如，我想排除"class1“和"class4”，并选择剩下的所有链接。
<body>
<div>
<p class="class1">
<span class="class
浏览 1提问于2010-06-10得票数 0
4回答
PHP简单HTML DOM解析器:只选择具有多个类的DIVs
php、class、parsing、html、simple-html-dom
我疯狂地寻找，却没有找到解决办法。问题很简单。
假设我有3个DIVs：
<div class="class1">
<div class="subclass"> TEXT1 </div>
</div>
<div class="class2">
<div class="subclass"> TEXT2 </div>
</div>
<div class="class1 class2">
<di
浏览 4提问于2013-01-10得票数 12
回答已采纳
2回答
jQuery突出显示效果不适用于Bootstrap的行类
javascript、jquery、twitter-bootstrap-3
我正在使用jQuery和引导带3在我的网站上。我有一个表，它使用Bootstrap的表条类来获取不同颜色的行。其中几行添加了Bootstrap中的“危险”类，以红色显示行。我还有几个锚点，它们跳到一个特定的行，我希望该操作对行有一个临时的突出显示，这样用户就知道他们要跳到哪一行了。
如果跳转到行没有添加“危险”类，那么突出显示可以正常工作，但是如果行有危险类，那么突出显示就不会发生。
这是这张桌子(有点缩略)
<div class="table-responsive">
<table class="table table-striped tab
浏览 3提问于2016-02-05得票数 0
回答已采纳
3回答
如何在一个JS函数中编写多个函数
javascript、jquery、css、syntax
我如何将这两个(或多个)相同的函数写成一个--压缩JS数据--它们是相同的函数，但css不同。它用于在悬停上突出显示不同的img，具体的li-1li表示一个img。
$(".class1").mouseenter(function () {
$(".class2").addClass("highlight");
});
$(".class3").mouseenter(function () {
$(".class4").addClass("highlight");
});
浏览 2提问于2015-08-24得票数 1
回答已采纳
4回答
第二个.click()函数不起作用
jquery
第一个.click函数用于在容器中添加一个元素(Div)，第二个函数用于从容器中删除该元素。容器最初没有元素。通过单击该函数来移除该函数不起作用
$(document).ready(function(){
$(".class1").click(function(){
//Code for adding element to the container and
// removing class1 from it and adding class2
});
$(".class2").click(functi
浏览 6提问于2012-06-22得票数 9
回答已采纳
1回答
在hibernate中加载两个不同的对象
java、mysql、hibernate
我正面临一个奇怪的问题，无法找到解决办法。我试图使用MySQl db中的Hibernate在Java中加载一组对象。
这是hibernate映射和代码的简化版本：
<class name="org.Foo.Class1" table="class_profile" >
<cache usage="read-write"/>
<id name="id" column="id">
<generator class=
浏览 1提问于2012-07-06得票数 1
回答已采纳
28回答
检查元素是否包含JavaScript中的类？
javascript、html、css、dom
使用普通的JavaScript (而不是jQuery)，是否有任何方法检查元素是否包含类？
目前，我要做的是：
var test = document.getElementById("test");
var testClass = test.className;
switch (testClass) {
case "class1":
test.innerHTML = "I have class1";
break;
case "class2":
test.innerHTML = "I h
浏览 19提问于2011-05-05得票数 888
回答已采纳
2回答
是否有更好的方法来分配多个css classNames来响应组件？
javascript、css、class、reactjs
我正在使用css模块，目前我为组件分配多个类的方法是：
import {class1,class2 } from './styles.css' <div><Link to = 'auth' className= {[`${class1} ${class2}`]} >Login</Link></div>
，这看起来既不高效也不优雅。
浏览 5提问于2016-06-25得票数 2
1回答
`body.className div.className`是如何优先于`div.className.className2`的？
css、css-specificity
我的意思是：
body.class1 div.class1 {
color: blue;
}
div.class1.class2 {
color: red;
}
<body class="class1">
<div class="class1 class2">
Hello
</div>
</body>
div.className.className2有最具体的元素，所以我认为这是优先考虑的。但事实证明，添加父选择器优先于其他类名。
有人能告诉我解释这种情况的规则吗？我似乎很难在网上找
浏览 1提问于2017-01-10得票数 0
回答已采纳
3回答
如何获得jQuery中所有子元素的所有(不同)类名？
javascript、jquery
我有一个像这样的列表框
<div class="selectdiv">
<select class="mainclass" id="subcat">
<option>Select Category</option>
<option class="class1" value="val1" >VAL1 </option>
<option class="cla
浏览 4提问于2014-01-30得票数 1
回答已采纳
2回答
jQuery克隆是从哪里获得这些样式规则的？
jquery、styles、clone
这不是我的确切代码，而是相关部分：
<div id="myDiv" class="class1 class2" style="">
... other elements ...
</div>
我的jQuery代码用于克隆元素，然后最终用克隆的元素替换原始元素：
clonedDiv = $('#myDiv').clone(true);
... some other code ...
$('#myDiv').replaceWith(clonedDiv);
这是正确的-唯一的问题是克隆的di
浏览 0提问于2013-01-22得票数 0
3回答
使用"this“的相同ID不同类
jquery
我有两组项目，一组是我的jQuery将类视为可点击的项目并获取id，它对另一组具有不同类但具有相同id的相应项目执行任务。现在，我已经让它像这样提醒我的id：
$(".class1").click(function(){
alert(this.id);
});
我是否可以执行以下操作来更改相应项目的高度：
$(".class1").click(function(){
$(".class2".this.id).animate({width:"400px", opacity:1}, 400 );
});
编辑(美国东部
浏览 0提问于2011-08-12得票数 0
回答已采纳
4回答
我刚在我工作的网站上发现了这个问题。这是我以前从未见过的，在任何地方都找不到任何解释，所以希望有人能解释。
因此，我使用了一个用以下格式的两个类标记的元素：
<div class = "class1, class2"></div>
我以前从未见过分配给这样一个元素的多个类。在我看来是个选择器..。我希望它们是这样添加的：(没有逗号)
<div class = "class1 class2"></div>
这是我以前从未遇到过的有效CSS，还是我刚刚在页面上发现了一个稍微奇怪的bug？
浏览 7提问于2015-12-21得票数 2
回答已采纳
3回答
Jquery .click仅在条件下触发
javascript、jquery、html
嘿，我正在尝试获取一个函数，使其仅在未将class2附加到class1时才执行：
$("#div").on('mouseenter', 'class1:not(.class2)', function() {
$(".class1").fadeIn('fast', 0);
anotherfunction();
});
.class1 {
position: relative;
width: 181px;
height: 381px;
background: transparent url
浏览 0提问于2014-10-13得票数 1
5回答
从n个子模式中排除一个元素
css、css-selectors
假设我有这些元素：
<li class="class1">content</li>
<li class="class1">content</li>
<li class="class1 class2">content</li>
<li class="class1">content</li>
<li class="class1">content</li> <!-- I want nth-chil
浏览 1提问于2014-03-31得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
