Javascript不将类添加到标签答案

【问题标题】：Javascript not add class to labelJavascript不将类添加到标签
【发布时间】：2021-07-18 04:16:11
【问题描述】：

有人可以告诉我为什么会这样吗？检查图像以获取信息...所以.. 我必须用相同的 for 和 class 值标记...第一个是由表单插件创建的，第二个是在代码块中手动创建的。而 CSS 仅适用于第二个。

这是手动创建的：

<label for="forminator-field-radio-1-1-60f2d973cab35" class="forminator-radio">text

使用这个 CSS：

label.javaclass {
background-image: url(https://test.ffd.sk/wp-content/uploads/2021/07/interier-obuv_8_polic.png);
width: 200px;
height: 800px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
font-size: 60px;}

和javascript：

 var element = document.querySelector("label[for=forminator-field-radio-1-1-60f2d973cab35]");
element.classList.add('javaclass');`

并且 Forminator 插件给了我在代码块中放置的相同标签。并且脚本只在代码块标签中添加类，而在插件标签中没有。

网站： enter link description here

【问题讨论】：

尝试将元素警报初始化代码包装在 window.onload 事件监听器中
您使用 querySelector 只选择了一个元素。您是不是要同时选择两者，即使用 querySeeectorAll。
还有src.appendChild(img); 在document.getElementById("shortcode-30-453"); 存在之前
@AHaworth 如果我将 querySelector 更改为 querySelectorAll Wordpress 会出现错误“TypeError: elementList in undefined”
你是如何访问收藏的？

标签： javascript html css wordpress

【解决方案1】：

页面中可能有多个“标签”标签。你应该使用

element[0].classList.add('javaclass');`

如果它不适用于您的代码，请告诉我！谢谢

【讨论】：

没有合理的答案应该以“也许”开头
querySelector 总是返回一个或无元素。