切换单击的元素queryselectorAll的类
querySelectorAll是一个DOM方法，它返回与指定选择器组匹配的文档中的所有元素列表。它可以通过指定类名、标签名、属性等来选择元素。
使用querySelectorAll的优势是可以快速、简便地选取满足特定条件的元素，从而进行进一步的操作或处理。它可以减少开发人员在遍历DOM树时的工作量，提高代码的效率。
应用场景：
- 动态修改HTML元素样式：可以通过querySelectorAll选取一组元素，然后使用遍历的方式修改它们的样式。
- 元素筛选和筛选结果处理：可以根据特定条件筛选出符合要求的元素，然后进行相应的处理，例如添加事件监听器、修改属性等。
- 表单验证：可以通过querySelectorAll选取表单中的所有输入框元素，然后进行验证或获取用户输入的值。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云的Serverless Cloud Function（SCF）是一种事件驱动的计算服务，可以帮助开发者在无需管理服务器的情况下运行代码，并按照实际资源使用量进行计费。它提供了一个轻量级的环境，可以方便地处理前端的用户交互。通过SCF，开发者可以编写自定义函数来响应前端页面的交互，包括对页面中的元素进行筛选和处理。
产品介绍链接：https://cloud.tencent.com/product/scf
注意：以上的推荐产品仅为示例，其他云计算品牌商也可能提供类似的产品和服务，可以根据实际需求选择合适的产品和服务。
相关·内容
通配符可以与Javascript "document.getElementById“行一起使用吗？
我有一个包含3个Vb.net元素("page1，page2，page3")的div表单。我希望完成的是允许用户单击按钮或超链接按钮，它们将导航到下一个div ("page#")。有没有办法不用硬编码就能像下面这样循环遍历每个ID为"page1“、"page2”、"page3“等的元素呢？
function toggle_visibility(id) {
var e = document.getElementById(id);
if(
浏览 0提问于2014-11-18得票数 0
2回答
我有一个按钮列表，当单击它时显示弹出窗口就像工具提示，当您再次单击时关闭它。
我正在寻找:当你点击其中一个按钮，任何弹出打开之前，自动关闭，不需要再点击它。
function myFunction2() {
var popup = document.getElementById("myPopup2");
popup.classList.toggle("show");
}
function myFunction3() {
var popup = document.getElementById("myPopup3");
浏览 1提问于2019-05-18得票数 0
回答已采纳
const offCanvasLinks = document.querySelectorAll('.off-canvas__link');
[].forEach.call(offCanvasLinks, function(link) {
link.addEventListener('click', (event) => {
const typeVal = link.getAttribute('data-type')
if (typeVal ===
浏览 3提问于2017-04-01得票数 0
回答已采纳
1回答
我不能让这段代码起作用。
我正在尝试创建一个函数，该函数可以侦听使用同一个类名单击多个元素，然后单击之后，在具有特定类名的下一个元素上切换一个特定的类名。
我试图使用循环遍历所有的“按钮”(class=“单击- to -展开”)，当您单击特定的按钮时，它应该遍历特定的div并在下一个元素上切换一个类名(class=“展开”)。
任何帮助都将不胜感激！
var expandArray = document.querySelectorAll('.expand');
document.querySelectorAll('.click-to-expand').fo
浏览 0提问于2019-08-29得票数 2
回答已采纳
是否有一种方法可以使用ts文件的样式类访问html字段？
我想要做的是显示/隐藏几个基于按钮单击的字段。字段是动态生成的，我只能访问样式类。
为我所做的一切。我试图在点击按钮时显示/隐藏所有带有class=“标签”的字段。mat-列表-项目是动态生成的，我不能修改它们。我能做得最好吗？
<mat-nav-list style="padding-top:0px !important;">
<a mat-list-item (click)="toggle(showText); showText = !showText">
<
浏览 0提问于2019-01-11得票数 0
回答已采纳
我的“单击我”按钮不起作用，它应该执行以下操作：
当您单击<a>标记时，将显示.shade区域
当您单击阴影区域中的任何位置时，阴影就会消失。
let button = document.querySelector('.js-click-me');
button.addEventListener('click', event => {
let shade = event.querySelectorAll('shade.js-click-me');
if (shade.style.displ
浏览 0提问于2019-04-25得票数 0
我想在具有相同类的所有元素上切换一个css类，单击另一个元素。
我让它使用jQuery，但需要切换到纯JavaScript。
工作的jQuery版本：
$(function() {
$("#logo").click(function() {
$(".grey").toggleClass("white", 1000);
$(".red").toggleClass("orange", 1000);
});
});
当您使用id="logo"单击元素时，使用class="g
浏览 15提问于2022-01-08得票数 0
1回答
我有一些针对多个按钮的Javascript代码。当点击时，内容应该会出现，它确实会出现。然而，我正在努力创建代码，当再次单击按钮时，内容将隐藏。
我已经为我想要切换的元素添加了Javascript、content和css。干杯。
注意:代码必须在Javascript中
function openTab(click, openTab) {
var i, content, link;
content = document.getElementsByClassName("content");
for (i = 0; i < content.length; i++
浏览 0提问于2018-05-20得票数 0
单击Chrome开发工具控制台中的error。
我在这里尝试过一些解决方案，但它们似乎在Dev工具中不起作用。可能它们只适用于网页。
var inputs = document.querySelectorAll('button.class');
for (var i = 0; i < inputs.length; i++) {
setInterval(function() {inputs[i].click()}, 2000);
}
我等待的是脚本单击(任何)网页上的所有class='class'按钮，一个接一个，从找到的第一个按钮开始。所发生的事
浏览 1提问于2019-09-15得票数 2
回答已采纳
我有一个多部分的登陆页面项目，我想在一个特定的媒体查询中添加一个hambuger图标，当我单击它时，它会显示块中的导航条元素，当我再次单击它时，它会消失，我的问题是当我使用>>>类方法时，它不会切换类，甚至当我在控制台中测试它时，它也不能工作。
#我的Code#
function myfunction() {
const lis = document.querySelectorAll("li");
const ul = document.querySelector("ul");
const icon=document.querySe
浏览 11提问于2022-01-02得票数 0
1回答
嗨，伙计们，我编写了下面的代码，以便能够在单击时切换一个类，打开或关闭一个元素。
要素：
<h4 class="swatch-label-size swatch__label--error">test</h4>
功能：
function newFunctionTest() {
var termsToggles = document.querySelectorAll('.swatch-label-size');
for (var i = 0; i < termsToggles.length; i++) {
浏览 0提问于2018-03-15得票数 1
回答已采纳
嗨，我想得到最后一个元素与一个特定的id与各种元素与该id。
其想法是通过Javascript动态添加新行，而不是Javascript。我有一个id newrow的div。在单击“添加更多行”按钮时，我希望使用以下代码通过javascript和ajax追加同一行的副本：
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=fun
浏览 1提问于2018-07-23得票数 0
回答已采纳
1回答
我试图防止具有类属性为“show”的段落元素在updateButton上的click事件上切换。我试过其他的陈述，但都没有结果。
实际上，当我单击update按钮和这些按钮底部的所有文本需要显示(段落元素)时，我实际上是在尝试创建一个编辑状态。尽管已经有一个带有文本的按钮，但我希望防止切换类.hide。
其他按钮已经有了.hide类属性，所以当从click事件切换时，它们就会出现。
TLDR:，当我切换..risk text容器中的所有其他段落元素时，我希望防止没有.hide类属性的一个段落元素打开它。
// select indicator div
const riskIndicator
浏览 2提问于2017-05-22得票数 0
回答已采纳
2回答
就在几个月前开始学习编程。目前正在研究JS，并希望使滴液滴。创建了几个液滴和出现的问题，什么下拉列表打开后点击。只需要打开一个被点击的：
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<div class="main">
<div class="droplist__box">
浏览 0提问于2020-06-14得票数 1
回答已采纳
以下是代码：
let imagenes = document.querySelectorAll(".team");
let modal = document.querySelectorAll("#modal");
let img = document.querySelectorAll("#modal__img");
let boton = document.querySelectorAll("#modal__boton");
for (let i = 0; i < imagenes.length; i++){
imag
浏览 5提问于2020-08-06得票数 0
我有一个包含同一类的5个元素的列表："navbar_item“。使用这段代码，我在单击带有提到的类的项时切换到“活动”状态，但它只切换列表的第一个元素。我该怎么做才能将它们全部切换？ const menu = document.querySelector('#mobile-menu');
const menuMenu = document.querySelector('.navbar_menu');
const menuItem = document.querySelector('.navbar_item');
const mobil
浏览 12提问于2021-08-19得票数 2
4回答
，我希望在单击li元素时执行该函数。我怎么能做到呢？
var listItem = document.getElementById("listItem");
listItem.addEventListener("click", clickTodo)
function clickTodo() {
listItem.style.color = "red"
}
ul li {
cursor: pointer;
}
<ul>
<li id="listItem">One</li>
&l
浏览 2提问于2020-12-19得票数 0
回答已采纳
我有这个JS函数，它最初应该隐藏一个类名为"tw“的函数，当单击一个按钮时，它应该会使它可见。但是，每当我单击该按钮时，它只会更改一个div的可见性。我有4个。我怎么解决这个问题？
function myFunction(){
var elms = document.getElementsByClassName("tw");
Array.from(elms).forEach((x) => {
if (x.style.display === "block") {
x.style.displa
浏览 15提问于2022-01-17得票数 0
回答已采纳
该函数应该搜索文档中任何具有“graphicDesign”值的“data-info”属性的元素，然后在这些元素上切换类'hideMe‘。
它返回控制台中正确的元素数量，但在classList切换时中断。
我尝试过其他方法，比如按类名查找元素然后切换，但这也不起作用。
function toggleGraphicDesign() {
let graphicDesignElements = document.querySelectorAll('[data-info="graphicDesign"]');
console.log(graphic
浏览 0提问于2019-05-17得票数 3
回答已采纳
5回答
我有大约20个产品，每个产品都有一个按钮和描述框。我已经循环添加了一个单击事件侦听器，该侦听器在单击按钮时显示产品描述框。 我怎样才能让按钮同时隐藏描述框(也就是切换显示)？ 下面是我的代码： const descriptionBtn = document.querySelectorAll('.desc-btn');
descriptionBtn.forEach((btn) => {
btn.addEventListener('click', (e) => {
descriptionBox = btn.nextElementSibli
浏览 59提问于2020-06-23得票数 0
回答已采纳
我的问题是我只能在我的第一个“侧菜单”div上切换“活动”类，而不是其他的。请看一下我的密码，让我知道出了什么问题。
当活动时，左边会有一个跨度，显示它是当前的选择，请参考附加的图像。
HTML脚本
<div class="sidebar">
<div class="side-menu">
<a class="side-option" href="#beverages"><img src="images
浏览 2提问于2022-08-19得票数 0
1回答
我找到了一种让它工作的方法，但我在想是否有更好的方法。我试图仅通过类对div进行更改。
我正试着用一次点击切换4个类。
我抓取按钮的类，然后单击"add event listener"，在函数中我使用querySelector all抓取所有4个类，并将其赋给一个名为slide的变量。
const slide = document.querySelectorAll(
'.header__btn, .wrap__content, .content__aside, .nav'
);
我知道querySelector通过从上到下阅读超文本标记语言来按顺序抓取它们。
浏览 8提问于2019-11-20得票数 1
回答已采纳
我试着做一个简单的时间表来通知用户。当他们点击某个日期时，应该会出现某种“手风琴”系统，它会下降并提供更多的信息。当他们再次点击它时，“手风琴”再次关闭。
我包括了一些图片，以使它更加清楚：
和：
第一个图像显示用户在进入页面时所看到的内容，第二个图片显示当他单击其中一个元素时所看到的内容。
现在的问题是，当他点击1天时，所有的信息都显示在上。我不知道怎样才能得到某种索引，所以只有在特定的一天才能显示它隐藏的信息。
目前，我有以下代码：
JavaScript
$counter=1;
$(document).ready(function(){
浏览 7提问于2014-05-29得票数 1
回答已采纳
2回答
我不能删除我给容器的类
、、、
我尝试将一个类添加到我单击的文本容器中，然后类为我单击的文本分配颜色。问题是，当我点击同一文本两次，类将不会被删除。这个案子有什么解决办法吗？
请不要改变教室的位置
const contain = document.querySelector('.contain');
const inConts = document.querySelectorAll('.in-cont');
contain.addEventListener('click', e => {
for (inCont of inConts) {
inCont.
浏览 3提问于2021-11-12得票数 2
回答已采纳
我知道我是在用m代码重复我自己，虽然我不确定如何用一种更简洁的方式来编写它，但它并不枯燥。 为了在单击事件上更改元素的样式，我遵循这样的步骤:创建包含更改的类，然后删除默认类并为所单击的元素添加新类，然后删除新类并在用户单击该元素时再次添加回默认类。 一切都能100%正常工作，尽管我很确定有一种更简单的方法可以通过使用某种循环来做到这一点，而且我也不确定是否需要在更改之前使用所有常量来保存对象元素的值-也许有一种更简单的方法来访问这些元素的DOM？(下面的步骤3.2 )。 我只学习了一个月的web开发，所以我不知道我不知道什么。 你能看一看，让我知道你有更简单的方法吗？ 我有6个div，它们
浏览 19提问于2021-07-12得票数 0
回答已采纳
我试图用javascript显示单击所需的字段。我有一个大的表单，在这个表单中，我有一些必需的字段。想法是有按钮，这样用户就可以点击(如切换)，只看到需要的字段？
到目前为止我的方法是这样的：
function yesnoCheck() {
if (document.getElementById('yesCheck').checked) {} else document.getElementById('ifYes').remove();
}
<button onclick="javascript:yesnoCheck();" id=
浏览 0提问于2019-04-16得票数 1
回答已采纳
2回答
我正在为移动创建一个下拉导航，我使用一个活动类通过CSS隐藏和显示子菜单。下面的代码适用于初始列表项，但当我尝试在子菜单中打开子列表项(该子菜单使用相同的结构和类)时，将关闭父列表项。
我认为正在发生的事情
我认为问题是，只要在父li中单击，js就会注册单击事件并通过切换关闭。
问题
那么，如何让javascript选择子链接并将click事件附加到该链接，但仍然将活动类添加到父li项中，以便CSS通过子菜单进行级联？
HTML：
<ul>
<li class="menu-item-has-children nav-level-0">
<a
浏览 5提问于2021-11-15得票数 0
回答已采纳
我已经写了一个小的JavaScript程序，它在多个元素(本例中为p标记)上添加了右键单击上下文菜单。右键单击每个文本时，上下文菜单将正确显示，而在菜单外单击鼠标左键时，上下文菜单将消失。 但是，当您右键单击一个元素并立即右键单击另一个元素时，两个上下文菜单都会出现。我希望一次只能显示一个菜单。如何首先清除所有'.show‘类，然后只将类添加到被右键单击的类中？我尝试将if语句添加到“show”函数中，但行为仍然相同。请参见下面的小提琴。谢谢 https://jsfiddle.net/Lwdtoc12 js： document.addEventListener('DOMCon
浏览 8提问于2020-03-27得票数 0
回答已采纳
1回答
在模型图像下面添加文本框
、、、、
我正在为我的应用程序使用网格库。这个画廊正是我想要的。它完全符合我的需要，我不想改变它。但是，我需要对它作两项修改，如果没有这些改动，对我来说是不完整的。但我不知道该怎么做。所需的修改如下：
在单击图库中的图像时，整个图像以模式格式弹出(看起来类似于引导模式)。问题是，点击屏幕上的任何地方(包括图像)，图像都会关闭。但我不希望它关闭时，图像区域被点击。只有当外部区域(黑暗区域)被点击时，它才会关闭。如何修复？，我想在图像下面添加一个白色文本框，根据图像大小(宽度)不同(每个图像有不同的宽度和高度)。此框将用于提供一个圆形用户DP和他的用户名，当点击它到另一个页面(比如用户的时间线)。如何创建此
浏览 2提问于2019-10-19得票数 1
1回答
我创建了以下Chrome来打开此页上带有文本附加示例框的所有元素。例如，可以单击以下标有文本附加示例的元素：
📷
单击它时，将显示一个示例列表：
📷
然后，可以再次单击元素以隐藏示例列表。
书签代码
javascript:$('.box_title').click();
没什么问题。然而，我更喜欢使用香草JavaScript。这就是我现在拥有的：
javascript:document.querySelectorAll('.box_title').forEach(e => e.click());
你看到什么问题了吗，或者可以改进吗？
演示
下面是一个可运行
浏览 0提问于2022-11-25得票数 1
回答已采纳
我的任务：嗨！我正在学校做一项作业，在那里我应该用Javascript写代码，以便切换每个子菜单的可见性，每个子菜单都属于它们自己的网页导航栏。默认情况下，可见性应设置为隐藏，并应在单击菜单时显示。我知道如何为一个属于上菜单的子菜单切换可见性，但无法使我的代码对多个元素工作。我的HTML代码：
<a class="left_top1" onclick = "toggle()">Opinion</a><br>
<div class="left_submenu_1" s
浏览 5提问于2016-04-30得票数 0
回答已采纳
所以我用Jquery：做了这个
不过，我需要在Vanilla/ES6中更改它，并且在单击时如何定位父母的孩子并找到其他部分的索引(.eq($(this).parent().index()) (在我的例子中是复制和图像部分)。
我的试用期是做一个for循环，比如：
const mode = document.querySelectorAll('.gamegallery span');
for (let i = 0; i < mode.length; i++) {
mode[i].onclick = function() {
this.parent
浏览 1提问于2018-02-14得票数 1
回答已采纳
2回答
如何切换多个类名相同的元素
、、、、
当我单击按钮时，如何将颜色从绿色更改为红色到所有行。如果我使用getElementsbyClassName或querySelectorAll，它似乎不能使用相同的类名，只有当我使用querySelector时，第一行颜色才会改变。如果我给每个段落一个不同的id或类名.So，那么所有行的颜色都会发生变化--基本上，我如何在单击时切换多个具有相同类名的元素(在本例中，类名是'para')？这是我的代码链接-
html-
<button id='btn' type="button" class="btn btn-primary"
浏览 4提问于2021-02-21得票数 1
回答已采纳
2回答
我正在使用两个导航栏。它们共享一个类('navbar-item')。基本上，这两个导航栏做的是相同的事情。
例如。
导航栏-1
<a class="navbar-item" href="#Services">
<span class="icon"><i class="fas fa-clipboard-list"></i></span>
<span>Services</span>
</a>
<a class=
浏览 1提问于2019-04-26得票数 0
我在Javascript中有一个简单的点击函数，我正在努力工作。我遇到的问题是，click函数只适用于类的第一个元素，当您单击该类的任何元素时，我希望它能够触发。
const element = document.querySelector('.js-element')
if ( element ) element.addEventListener('click', function () {
alert('click');
})
有人能告诉我哪里出了问题吗？
谢谢
浏览 1提问于2018-06-11得票数 0
我对javascript很陌生，当我从列表中的一组列表项中单击一个列表项时，正在尝试实现类被切换的情况。Am还动态地向列表中添加项，因此，如果我单击任何添加的列表项，类也会在其上切换。
这是我的密码。这就是我到目前为止尝试过的。
var li = document.querySelectorAll("li")；
function toggleStrikethrough() {
for (var i = 0; i < li.length; i++) {
li[i].classList.toggle("done");
}
}
浏览 0提问于2019-05-23得票数 0
回答已采纳
我想用span标签制作一个可切换的类别。每当我单击span标记时，我都想编写代码，将单击的span标记的值更改为active: true，并将其余的span标记更改为active: false值。但我不知道怎么..。:(我编写了一个名为toggleCategory的函数，但是使用这个函数，只能切换。所以请帮助我编程大师..。(配香草JS)
推送默认键&值
document.querySelector('#category').addEventListener('submit', () => {
categories.push({
浏览 3提问于2019-09-28得票数 1
2回答
如何使Firefox扩展单击只由类而不是id定义的div。例如：
<div class="testBtn">Click me</div>
该站点支持jQuery，因此在火狐控制台中可以编写：$(".testBtn").click()
但是，如果我将相同的代码段放入js文件中，它就无法工作。我怎么才能让这个起作用？
应该被点击的网站不是我的网站，所以我不能修改它。
浏览 4提问于2014-02-07得票数 0
回答已采纳
我使用html.I设计了一个2*4表，我需要在奇数鼠标单击时将一个单元格的背景色从白色(默认)更改为绿色，在偶数clicks.But上，反之亦然，尽管只单击任何单元格，第一个单元格只从白色更改为绿色，而副versa.Kindly帮助您进行me.Thank。
<script type="text/javascript">
function change(){
var s=document.getElementById('slot');
if(s.bgColor.match("white")){
浏览 0提问于2016-06-19得票数 0
回答已采纳
4回答
我有几个div，onclick触发了一个函数。我希望这样做，以便在单击时，刚刚单击的div具有类.selected。然后，我希望当您单击另一个元素时，将.selected类从另一个元素中移除，然后应用于新元素。当我单击第一个，然后单击一个稍后出现，它运行良好。当我点击最后一个，然后一个出现在它前面的时候，它就停留了下来。我做错了什么？
function choosediv(element){
if(document.querySelectorAll('.selected').length != 0){
document.getElementsByCl
浏览 0提问于2019-09-10得票数 0
回答已采纳
我想简化我的代码，对同一个类使用相同的函数，但只触发被单击的代码(更改文本)。用普通的JavaScript。我现在让它工作了，但我知道它可以更简单，而且可以重用，即使我要使用100件相同的东西。
你能帮我简化和改进下面的代码吗？
代码：
// Change the title of dropdown to show/hide
// 1. create function to change text
const changeText = function changeText() {
if (this.innerHTML == "Show details") {
浏览 5提问于2022-01-01得票数 1
回答已采纳
我正在尝试更改文档上所有元素的不透明度，除了我单击的那个元素(具有最高的z-Index)。 这是我正在使用的代码，我是否错误地访问了z-Index？运行时，整个页面的不透明度会发生变化(包括z-Index高于6的页面)。 allElements = document.getElementsByTagName("*")
for (let i = 0; i < allElements.length; i++) {
if (allElements[i].style.zIndex < 6)
allElements[i].style.o
浏览 23提问于2021-04-17得票数 0
回答已采纳
2回答
在编写了当前的代码之后，我可以选择第一个按钮，其中包含一个mobile btn-并在单击时切换"active“类。当我点击next按钮尝试切换“活动”类时，第一个按钮得到未分配的类，但我无法将“活动”类分配给next按钮。有什么建议吗？
const callToActionBtns = document.querySelectorAll(".mobile__CTA--btn");
callToActionBtns.forEach((btn) => {
btn.addEventListener("click", (e) => {
浏览 4提问于2021-07-18得票数 1
回答已采纳
抱歉，如果这是愚蠢的，但我认为我对这个问题有点疯狂。在将我的querySelectorAll记录到控制台时，我一直收到一个未定义的错误。一旦我解决了这个问题，我想在下面的querySelectorAll选择器上添加一个单击事件。我只想要btn单击处理程序，当部分具有类活动时才能工作。
<section class="section test active">
<div class="btn"></div>
</section>
<section class="section test"&
浏览 5提问于2018-05-29得票数 1
回答已采纳
2回答
我一直在尝试学习如何使用HTML、CSS和JavaScript，而之前没有任何编程经验，而且我正在尝试学习一些东西。
我试图获得一个单击事件，其中列表上有多个div(在本例中为两个)，如果它们有一个特定的类，则丢失它；如果没有，则获得上述类，所有这些都是在相同的单击中完成的。
当第一次点击它时，它会正常运行，但是我如何让它在每次点击时都这样做呢？我知道有更容易的方法来做到这一点，但我真的只是想试验这个设置目前。如果有人知道为什么它不会再更换课程，或任何提示(或侮辱)，请放心。
下面是代码：
const SignList = document.querySelectorAll('.s
浏览 3提问于2022-09-25得票数 0
回答已采纳
我正在寻找一种使我的想法奏效的方法。我有几个团队成员，当我一个一个地点击他们的时候，我希望他们打开。
基本上，一排有4张图片，如果我单击第一张图片，它就会展开(显示以前隐藏的元素)，但其他的则保持关闭。如果我点击第二张图片，现在第一张和第二张都是打开的(因为我以前打开了第一张)，但是剩下的2张仍然关闭。
我想通过一个函数来实现这一点，因为我希望保持代码的整洁。我对所有4名团队成员都做了单独的函数，单独的元素ID，它起了作用，但是现在，当我想一次对20个元素使用这段代码时，这是很棘手的，因为我不想为每个新成员继续垃圾邮件处理函数和元素。
当前代码不起作用，出于某种原因，请看一看。
<scr
浏览 2提问于2014-06-29得票数 0
回答已采纳
我一直在尝试进行切换，所以当单击它时，它会向每个具有类"ChangeColors“的元素中添加一个类，但一直无法这样做。它带着
TypeError:无法读取未定义属性的“添加”
CSS
.ChangeColors {
background-color: #ff801b;
color:black;
}
.bluecolor {
background-color: blue;
color:white;
}
Javascript
function ChangeColors() {
var single = document.querySelector(
浏览 6提问于2020-02-24得票数 2
回答已采纳
2回答
我做了一个简单的下拉菜单，它在单击时打开，当用户单击菜单之外的任何地方时关闭。以下是代码基：
function deactivateAllDropdownTriggers() {
document.querySelectorAll('.dropdown-trigger.active').forEach(function(elem) {
elem.classList.remove('active');
})
}
function handleDropdownClicks(event) {
if (event.target.
浏览 0提问于2019-09-15得票数 5
回答已采纳
3回答
事件侦听器和转换JS
、、、
我尝试使用事件侦听器( click )来更改属性每次单击时转换的几个元素的不透明度。我不知道为什么我的代码不能工作，也找不到我的错误，所以我需要帮助。
window.addEventListener("load", function() {
document.querySelector(".hamburger").addEventListener("click", function(e) {
const con = document.querySelector(".con");
const links =
浏览 6提问于2020-06-23得票数 0
回答已采纳
1回答
如何切换文本装饰
、、
单击时，如何切换下面列表上的行通(textDecoration)？
const items = document.querySelectorAll('li');
items.forEach(item => {
item.addEventListener('click', (e) => {
e.target.style.textDecoration.toggle('line-through');
})
})
<ul>
<li>buy milk</li>
<li>
浏览 6提问于2022-09-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
