如何向给定元素添加类？
要向给定元素添加类，您可以使用JavaScript的classList.add()方法。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head><style>
.newClass {
color: red;
}
</style>
</head>
<body>
<h1 class="oldClass">Hello World</h1><script>
// 获取具有给定类的元素
var element = document.querySelector('.oldClass');
// 向元素添加新类
element.classList.add('newClass');
</script>
</body>
</html>在这个示例中，我们首先定义了一个名为newClass的CSS类，并为其分配了一些样式。然后，我们使用document.querySelector()方法获取具有oldClass类的元素。最后，我们使用element.classList.add()方法将newClass添加到该元素中。
您可以根据需要修改这个示例，以便将新类添加到您选择的元素中。
相关·内容
27回答
我有一个元素已经有了一个类： <img ... id="image1" name="image1" />现在，我想创建一个JavaScript函数，它将向div中添加一个类(不是replace，而是add)。
浏览 39提问于2009-02-03得票数 1426
回答已采纳
在JQuery中，我可以通过以下方法将函数分配给给定选择器的事件：但是，这只适用于当前满足selector为了简单起见，假设我们有一个外部插件，当用户单击按钮时，它会创建类.something的新元素。有没有一种方法，在Javascript或JQuery中，向类.something的所有现有和未来元素中添加一个.click侦听器？我的意思是，我可以
浏览 1提问于2015-02-05得票数 0
回答已采纳
是否有方法通过CSS属性找到给定页面的样式表中存在的规则？我将使用浏览器插件、精美的javascript，甚至IDE特性。现在再乘以大约100个这样的网站:)
对于任何特殊的更改请求，无论其大小如何，开始编写“正确的方式”，并引入“适当的”语义类、有品味的继承和googly命名约定都是非常诱人的。尽管如此，仍然很有可能已经有了一条用于类似目的的规则，或者可能是一些助手类。然而，没有一种简单的方法来定位这些规则，而且您也不一定会通过名称来识别它们的目的。
浏览 1提问于2013-07-25得票数 0
2回答
脚本的思想是:点击主页上的链接，重定向到其他页面；在#div1中添加类。当我点击一个链接时，我正在重定向到其他页面-什么都没有发生。我找不到我做错了什么。
浏览 1提问于2017-05-17得票数 0
我需要在特定条件下向元素添加2个类名：首先，使用"escapeHtml“筛选器获取给定现在，我需要以这种方式将另一个类添加到同一个元素中：如何将两者混合在一个
浏览 0提问于2015-04-15得票数 4
回答已采纳
我需要为各种"ajax:“事件(ajax:success、ajax:failure)设置处理程序，我认为它们是在<form>元素上触发的。由于有了Rails，向<input type="submit">元素添加类对我来说很容易，但向周围的表单添加类并不总是那么容易。最后，因为我使用AJAX更新页面，所以我显然希望将处理程序绑定到任何需要它们的新添加的表单。是否可以使用live()或
浏览 0提问于2010-11-02得票数 0
回答已采纳
如果ul的li中有一个或多个包含类unsaved的元素，我不想允许它排序。如何实现？在应用列表上的可排序方法之前，我不能仅仅检查类unsaved的元素是否存在，因为在任何给定的时间，都可以在类未保存的情况下向列表添加或删除元素。事实上，当页面加载时，列表中永远不会有一个类未保存的元素。但是在一段时间内，可以添加带有该类的元素，如果是这样的话，我不
浏览 4提问于2013-05-24得票数 0
回答已采纳
可能重复：
<li></li> only text我已经将css应用于li元素，如下所示：我希望元素li在悬停时应该有list-style-type:disc，，但只有在中有一个锚元素的情况下才能使用。
浏览 3提问于2012-04-26得票数 5
回答已采纳
我有一个导航，它通过css隐藏在视口之外，并通过:hover伪类显示在包含li的光标上。下面是标记和css。removeClass("hover");，当然我也尝试了.hide()，但这会阻止它可见，并在鼠标悬停在链接上时仍然显示，一旦发生mouseOut，它就会隐藏在dom中，除非设置为.show()
关于我做错了什么或者我如何通过
浏览 1提问于2011-07-20得票数 0
回答已采纳
我有一个整数数组，我需要在它的每个元素中添加一个。向每个元素添加一个给定的常量，即没有显式循环的最短、最一般的方法是什么？我已经在线查看并不断获得关于向数组中添加元素的页面(即连接)。难道没有比循环遍历每个元素并添加常量更优雅的东西吗？有某种标准库方法吗？
在这种情况下，如果没有显式循环，如何将两个数组相加(即矩阵相加)？
浏览 4提问于2012-06-04得票数 0
1回答
给定一个Grid，我将使用Grid.Children.Add(element)向其添加一个子级。如何使用该元素的名称删除该元素？像Grid.Children.Remove("name")这样的东西
浏览 0提问于2011-02-08得票数 3
回答已采纳
2回答
1.给定ID元素的，对.元素应用多种样式规则。$('#foo').css({ color: 'yellow', background: 'black' });LI 3.将元素附加到 #menu**.**
$('#menu').append('<li&g
浏览 5提问于2009-05-01得票数 1
回答已采纳
1回答
如何在角4中为ngFor循环中的内部元素添加不同的类？articles"> <h3>{{article.name}}</h3> </div>因此，我有两个问题:如何根据生成的每一篇文章中的顺序(第一、第二、第三)向h3元素添加
浏览 2提问于2017-10-05得票数 1
回答已采纳
5回答
= 1; i < rows.length; i += 2) { rows[i].className = "alt";这只适用于具有class=""的tr元素但是如果我想把class添加到tr中。
浏览 3提问于2010-03-02得票数 12
1回答
因此，我希望有一种从对象名到类实例的映射。有人告诉我，在这种情况下，我可以使用一个“仓库”类，它的工作原理是这样的：因此那么，我的问题是如何编写这样的“存储库”类？在这个类中，我必须能够检查是否存在给定类的实例，以便它具有给定字段的给定值。我该怎么做呢？我需要在给定
浏览 0提问于2010-03-18得票数 2
回答已采纳
1回答
'input[type="text"]').val() == '') { }示例1捕获具有给定类的所有新添加元素的单击事件').find('input[type="text"]').val() == '') { }
浏览 2提问于2017-03-17得票数 2
回答已采纳
基本上，我有一个具有给定宽度和高度的元素。当我向它添加“缩放”类时，我希望它改变它的大小和位置。我让它工作与适当的webkit-动画(关键帧)。问题是，当我删除“缩放”类时，它突然恢复到原来的大小和位置，我喜欢用动画来做这件事。那么，如何拥有一个基本状态，在添加一个类时动画到一个新的状态，并在删除类时将动画反转到基本状态？谢谢。
浏览 1提问于2013-03-24得票数 0
回答已采纳
2回答
我在Wordpress中使用了X主题，我遇到了一个问题，在<html>标记中我需要一个CSS类，但只在一个页面上。这是我添加到子主题头文件中的代码：
<!编辑:我添加的代码在子主题文件中，而不是Wordpress核心文件中。
浏览 0提问于2018-10-10得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
