我无法使用querySelectorAll访问所有需要的元素
querySelectorAll是JavaScript中的一个方法，用于通过CSS选择器选择DOM元素。它返回一个NodeList对象，其中包含与指定选择器组匹配的所有元素。
如果无法使用querySelectorAll访问所有需要的元素，可能有以下几个可能的原因：
- 元素不存在：首先要确保需要访问的元素确实存在于DOM中。可以通过检查HTML结构或使用其他方法（如getElementById）来确认元素是否存在。
- 选择器错误：确保选择器语法正确，并且与需要选择的元素匹配。可以使用浏览器的开发者工具来检查选择器是否正确。
- 元素尚未加载：如果脚本在DOM加载完成之前执行，可能会导致无法找到元素。可以将脚本放在页面底部，或者使用DOMContentLoaded事件来确保DOM加载完成后再执行脚本。
- 动态生成的元素：如果需要选择的元素是通过JavaScript动态生成的，可能需要在生成元素后再执行querySelectorAll。
如果以上方法都无法解决问题，可以尝试使用其他方法来选择元素，如getElementById、getElementsByClassName、getElementsByTagName等。
腾讯云相关产品和产品介绍链接地址：
相关·内容
尝试向具有特定数据属性的元素添加类。
元素是：<a data-type="foo">Linkypoo</a>
我正试图这样做：
document.querySelectorAll('[data-type="foo"]').classList.add('Booya');
但我发现了错误：
未定义TypeError:无法读取未定义属性的“添加”
有人能给我指明正确的方向吗。不知道怎么用香草js做这件事。
谢谢您:)
浏览 2提问于2016-01-17得票数 2
回答已采纳
我是JSDOM解析器的新手。
我有以下几点：
<div id='mydiv'>
<ul>
<li><a title='a'>TextA</a></li>
<li><a title='b'>TextB</a></li>
<li><a title='c'>TextC</a></li>
<li><a title=
浏览 3提问于2021-10-26得票数 3
回答已采纳
在我使用querySelector()的类中更改某些样式
el.querySelector('.fa fa-car').style.display = "none";
这对于一个元素来说很好，但是如果有更多的元素包含这个类，并且我想将所有元素的显示更改为none，那么这个命令只删除它的第一个出现，而下一个元素则不动。
我试着用querySelectorAll()来做
el.querySelectorAll('.fa fa-car').style.display = "none";
但是这个返回一个错误消息：
html2canv
浏览 1提问于2018-09-17得票数 6
回答已采纳
1回答
我需要通过点击一些元素来调用一个函数。
我试过几种方法，但似乎不想开火。问题中的元素是由wordpress上的“测试主和调查”插件生成的。
有人知道问题出在哪里吗？提前感谢！
window.onload = function() {
document.querySelectorAll('.qsm_check_answer').addEventListener("click",function(e){
var correctInfo = document.querySelector('#correct-info');
浏览 3提问于2021-10-22得票数 0
回答已采纳
var divElement = document.createElement("div");
divElement.setAttribute('id', 'Items');
var ulElement = document.createElement("ul");
var liElement = document.createElement("li");
var spanElement1 = document.createElement("span");
var spanElement2 = d
浏览 4提问于2017-02-28得票数 6
2回答
我需要使用等价的方法在angularjs中查找(“.class”)
我发现我应该用这个：
//find('.classname'), assumes you already have the starting elem to search from
angular.element(elem.querySelector('.classname'))
因此，我正在尝试我的指令，但无法使它发挥作用：
UserManager.directive('selectWhenEditing',function(){
var linkFunction =
浏览 3提问于2014-09-25得票数 0
回答已采纳
因此，我知道这个问题已经得到了解决，但之前的任何一个答案都无法使我的代码工作。我有一个html结构如下：
<div class="form">
<div class="formrow">
<div class="previewcontainer">
<object id="preview">
<object>
</div>
</div>
</div
浏览 4提问于2016-02-25得票数 4
回答已采纳
我得到了下面的脚本 window.addEventListener('DOMContentLoaded', (event) => {
document.querySelectorAll("a[href='example.com']").addEventListener('click',function (e) {
newrelic.addPageAction('Doc');
})
}); 每当用户打开包含在包含href但没有ID属性的锚定标记中的文档时，我都
浏览 10提问于2020-08-28得票数 2
回答已采纳
<div class="main">
<p>I don't want this</p>
<div class="sub">I want this</div>
</div>
<div class="main">
<p>I don't want this</p>
<div class="sub">I want this</div>
</div>
浏览 7提问于2016-06-19得票数 0
回答已采纳
1回答
获取子节点
、、、
我有这个密码
<div id="page1-div" style="position:relative;width:1347px;height:1189px;">
<img width="1347" height="1189" src="target001.png" alt="background image" />
<p style="position:absolute;top:218px;left:209px;white-sp
浏览 5提问于2022-06-16得票数 0
回答已采纳
我试图访问我在JavaScript中创建的按钮的值，但它一直显示为未定义。
const button = document.querySelectorAll("button").value;
console.log(button);
<div class="row">
<div class="col">
<button type="button" value="7">7</button>
</div>
<di
浏览 0提问于2021-05-18得票数 0
在Javascript中，我需要使用getElementById()选择子元素
#topbarsection li a {}
我试过这个：
topbarsection = document.getElementById('topbarsection>li>a');
这是：
topbarsection = document.getElementById('topbarsection li a');
浏览 2提问于2015-01-11得票数 0
回答已采纳
2回答
我有jq代码，我需要转换成->js<-.对我来说没有意义(因为jq是js)，代码更长，时间更长(我不是程序员)，并且给出了完全相同的效果.更不用说浏览器兼容性了。但是..。
我希望选择列表(li)中的所有链接(a)元素，对它们进行迭代，更改值等等。
在jq中，有一个简单的行$(' li ').find('a')；即使li和一个类似的行之间还有更多的东西，它也能工作：
<li>
<div>
<a href=''>inside div</a>
</div>
</li>
浏览 4提问于2017-03-05得票数 1
回答已采纳
我试图从一个网站检索价格使用VBA宏。通常，以下代码运行良好(示例)：
price = html.getElementsByClassName("fpStriked fpStrikedBefore jsStriked").Item(0).innerText
但是，当HTML在包含价格的类中有多个属性时，前面的代码无法检索信息。以下是包含多个属性的类的示例
"span class="fpPrice price jsMainPrice jsProductPrice hideFromPro" itemprop="price" content=&
浏览 19提问于2020-08-19得票数 0
2回答
向下滚动时，我无法使用classList.remove(‘active’)，尽管我的代码与我所遵循的教程中的代码相同，而且当我单击#search-btn时，它不会从导航栏中删除活动类 let searchForm = document.querySelector('.search-form');
document.querySelector('#search-btn').onclick = () => {
searchForm.classList.toggle('active');
navbar.classList.r
浏览 11提问于2021-10-01得票数 0
在表单(名为createform)中，通过单击add按钮(从0到每种输入的任意数字)动态创建许多输入。我遇到的问题是如何验证动态创建的输入，因为它背后有一个复杂的逻辑。
场景
我可以有几种不同的输入：
品牌
模型
国家/地区
地域
第一个名为brand1、model1、country1和region1，然后添加其他它们将被称为brand2.brand50
在开始的场景中，只有brand1和model1。只有单击按钮才能添加国家和地区的输入。
验证条件
我只需在两种情况下提交表格：
如果有，至少有一个品牌+一个两个都不是空的型号(任何品牌和任何型号，所以也可以是bra
浏览 0提问于2018-01-03得票数 0
回答已采纳
我正在用nodejs和nodejs构建一个网络刮刀器。每件事情都能正常工作，但现在我仍然停留在如何从没有类的表中获取结构化数据。下面是一个例子：
我不知道如何遍历表并以json格式提取数据，应该如下所示：
<table class="tableclass">
<tbody>
<tr>
<td>
<b>
<strong>
<span>A</span></strong> & B <str
浏览 0提问于2019-05-19得票数 1
回答已采纳
我试图获得一些价值的网站使用Chrome功能，我正在工作。我能够使用listing-name获取第一个document.querySelector(".listing-name").textContent，但是如何将所有listing-name提取到一个数组中呢？
DOM结构
<div class="container">
<div class="active-listings">
<section class="listing">
<div
浏览 0提问于2019-08-30得票数 0
回答已采纳
，它在JS部分有很多评论，因为这是我仍然在学习的核心部分。
当我使用"getELementsByClassName“或"querySelectorAll”对SVG应用新的填充时，控制台会给出错误。"getElementById“工作，但是我有多个SVG，我想将更改应用到.
如果你按下并按住“点击我”，你会看到3个闪电。当您单击生成一个十六进制值时，该程序运行一个代码，然后将该值应用于3个实心闪电，并最终显示页面的背景。闪电是SVG。我给了每个人一个共享类(".solids")，以及唯一的ID (#solids1 1，等等)。然而，使用这一方法：
docu
浏览 2提问于2015-08-07得票数 0
回答已采纳
我试图制作一个日历，当我点击其中一个日期，弹出一个表格，你必须填写。我不能让它正常工作。我唯一能做的就是第一次"1“约会。其他的都不管用，我也不知道怎么解决。我已经尝试过重写代码并切换到id，但是没有什么是可行的。任何帮助都是非常感谢的。谢谢!
document.querySelector(".weekdays").addEventListener("click",
function() {
document.querySelector(".bg-modal").style.display = "flex"
浏览 0提问于2019-03-05得票数 5
回答已采纳
我正在尝试用“活动”类来样式我的web项目的当前活动选项卡。以我正在使用的选项卡元素为目标
onMount(() => {
const links = document.querySelectorAll(".topnav a");
});
然后，我将使用一个反应性语句来为适当的元素设置如下样式
$: {
links.forEach((link) => {
if (link.getAttribute("id") === $page.url.pathname) {
link.clas
浏览 6提问于2022-05-05得票数 1
回答已采纳
我是从vanilla JS开始的，所以不要生气;)尝试编写tic tac toe游戏。 我有这个HTML： <div class="container">
<div class="row">
<div class="cel empty" id="a1">
<p>x</p>
</div>
<div class="cel empty" id="a2
浏览 37提问于2018-01-17得票数 1
回答已采纳
3回答
<p class="Links" onclick="window.location.href = 'file:///C:/Users/Dell/Desktop/Online%20Store.html#Residential'; document.getElementById('residence1, residence2, residence3').style.display='block'; document.getElementById('Commercial').style.display=&#
浏览 5提问于2020-04-02得票数 0
回答已采纳
2回答
我有一个页面，很少有HTML5视频播放器，我想以0.5x的速度播放它们。我已经展示了js片段，它只为单个视频播放器运行。
<script type="text/javascript">
/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 1.0;
document.querySelector('video').play();
/* now play three times as fast just f
浏览 3提问于2017-05-24得票数 2
回答已采纳
2回答
如何使Firefox扩展单击只由类而不是id定义的div。例如：
<div class="testBtn">Click me</div>
该站点支持jQuery，因此在火狐控制台中可以编写：$(".testBtn").click()
但是，如果我将相同的代码段放入js文件中，它就无法工作。我怎么才能让这个起作用？
应该被点击的网站不是我的网站，所以我不能修改它。
浏览 4提问于2014-02-07得票数 0
回答已采纳
我正在练习DOM操作，在本例中是使用.remove()。我可以在我的HTML中找到所有的'p‘，并使用一个forEach函数删除它们。
const ps = document.querySelectorAll('p')
ps.forEach(function (p) {
p.remove()
})
但是为了学习的震动，我想把这个forEach转换成一个for循环，但是我不知道如何填充这个函数来使它工作。我正在努力：
const ps = document.querySelectorAll(
浏览 1提问于2021-07-03得票数 0
回答已采纳
4回答
我得到了以下HTML：
<span class="testClass1" >
<a href="testlink.com">wanted Text</a>
<a class="ctx" href="#"></a>
</span>
现在我想要获取文本"wanted Text"。我如何才能做到这一点？
我尝试过：
document.getElementsByClassName("testClass1");
我也尝试过使用do
浏览 0提问于2016-04-21得票数 1
有人能帮我破译这个控制台上的错误想告诉我什么吗？我搜索过谷歌，但找不到这方面的细节：
未定义属性( Uncaught )：无法读取未定义的属性“querySelectorAll”(在removeAllFocusStates removeAllFocusStates at HTMLDocument )。(touch-keyboard-navigation.js?ver=20181231:313)
浏览 0提问于2020-06-18得票数 0
3回答
我在玩这两个骰子游戏有问题。我认为问题在于diceDOM变量，我在控制台中得到一条错误消息，上面写着“无法设置init中未定义的属性'display‘”，在控制台中，它说init()；调用是未定义的。
我想在该变量中保存的两个骰子具有相同的.dice类。是因为我应该将它们分别保存在数组中吗？
代码如下，我省略了下面的代码：
var scores, roundScore, activePlayer, dice1, dice2, diceDOM, gamePlaying;
// var userInput = Number(document.getElementById("us
浏览 2提问于2020-04-09得票数 0
回答已采纳
我有一个从这个表达式中检索的对象：
const element = document.querySelector("...my selector...");
我需要获得所有具有特定属性的子元素，我所知道的获取所有子元素的唯一方法是：
const children = Array.from(element.childNodes);
但是现在children中的每个children都不是，而是，因此，我不能在它们上使用getAttribute('')；
我如何将Node“强制”到Element？或者有更好的方法来做到这一点？
浏览 5提问于2017-12-11得票数 3
回答已采纳
3回答
我想用javascript (而不是jquery )在安莉标签中获得一个h2标签。目前，这是html：
<li vriend="Alvin Heijmans" select="">
<img class="portret" src="img/alvin.png" />
<div class="addbutton"></div>
<h2>Alvin Heijmans</h2>
<p>Utrech
浏览 0提问于2013-12-29得票数 3
回答已采纳
<script>
document.addEventListener('keydown', function (e) {
// 37 is left arrow, 39 is right arrow
if (e.which === 37) {
document.getElementById('previousPhoto').getElementsByTagName('a').click();
} else if (e.which === 39) {
浏览 0提问于2016-04-21得票数 0
我需要从一个div复制文本或者从带有chrome扩展名的整个unselectable="on"文档中删除该HTML，下面是实现该操作的HTML代码。 <div unselectable="on" class="x-grid3-cell-inner x-grid3-col-agentAuthId"> 3607619964 / 5768287729 </div> 我做了一个可以使用id进行操作的扩展，但是我的HTML语言中没有id。我只有class，而且有太多的类，所以我无法得到我需要的部分(3607619964 / 576
浏览 62提问于2020-01-15得票数 1
回答已采纳
我正在做一个纸牌游戏，我目前设置的方法是，每张卡片都是一个包含两个值的数组，一个值number和一套string。 var deck = {
cards: makeDeck(),
shuffle: function () {
for (var i = 0; i < 1000; i++) {
var card1 = Math.floor((Math.random() * this.cards.length));
var card2 = Math.floor((Math.random() * this.card
浏览 53提问于2020-08-20得票数 0
回答已采纳
1回答
我有一个呈现一些HTML内容的脚本，看起来像这样。 renderJobs = async () => {
const jobs = await getJobs();
const view = `
${jobs.map(companyName => `
<div class="show">
<div class="company-details">
<p>${companyName.company}</p>
浏览 11提问于2020-12-01得票数 1
回答已采纳
1回答
形式验证错误
、、、
我正在为学校做作业，这是一个餐馆网站。我正在做“在线订购”页面。我必须在我的网站包括一张桌子，所以我把它放在我的形式，我所有的菜单项，他们的成本和总数。我遇到的问题是:为了使Javascript工作，我将每个菜单项包装在一个表单元素中，但是当我试图验证它时，我会得到错误，因为我的字段集不在一个表单元素之外，如果我移动它，我会从3个错误变成150个，我只是不太明白为什么。此外，这会导致我的重置按钮出现问题，因为重置按钮在一个不同的表单元素中，然后是每个菜单项，最后，我无法得到我的总计在底部工作。
<!DOCTYPE html>
<html>
<head>
&
浏览 3提问于2015-04-19得票数 0
回答已采纳
2回答
一旦用户单击submit，我希望从表单的输入字段中删除文本。我能够使用基本的DOM操作来清除textarea，这让我感到惊讶，但随后无法对输入的文本区域执行DOM操作。如果有那么简单的话，我很乐意这样做。还是我该走另一条路？
import "./contact.css";
import phone from "../../img/phone.png";
import email from "../../img/email.png";
import github from "../../img/github.png";
import
浏览 2提问于2022-04-07得票数 1
回答已采纳
我尝试替换HTML表中的所有标记，但是当我尝试时，它无法替换它们，因为它在<span>标记中有一个style属性。下面是我的HTML和JavaScript代码。
function doCsv(){
var table = document.getElementById("myTable").innerHTML;
var data = table.replace(/<thead>/g, '')
.replace(/<\/thead>/g, '')
.replace(/<tbody>
浏览 0提问于2016-11-22得票数 0
我试图使用document.querySelectorAll()助手函数作为定义的函数，我将经常使用它。
在运行这个程序时，我会看到一个错误：
未定义的TypeError:无法设置未定义的属性“backgroundColor”
所以我的问题是为什么这不起作用？
<!DOCTYPE html>
<html>
<head>
<title>Javascript tutorial</title>
</head>
<body>
<p class="test">I&#
浏览 7提问于2015-08-31得票数 2
我和jQuery试过了，效果很好
$(document).ready(function(){
$("a[title='Book'],a[title='Movie'],a[title='Music']").remove();
});
HTML：
<a class="label-block" href="#" rel="tag" title="Book">Book</a>
<a class="label-block" href
浏览 5提问于2017-09-16得票数 0
回答已采纳
我希望删除页面正文中的第三个div元素，方法是将其样式设置为display:none;，并使用带有括号符号的querySelector来获取元素，但我的代码返回一个错误。
"TypeError: el未定义“
当我尝试console.log("el")时，它返回undefined
我试过使用let，const，除了var和其他一些东西
var el = document.querySelector("div")[3]
el.style.display = "none"
它应该删除页面中的第三个div。
浏览 0提问于2019-06-17得票数 1
1回答
我对这个话题有很长一段时间的疑问。有关方法如下：
getElementsByTagName
getElementsByClassName
getElementsByName
querySelectorAll
据我所知，这些DOM方法是唯一能够返回冻结或活动NodeLists的方法。对于其中的一些方法，order是由W3C规范定义的。例如，为querySelectorAll返回的NodeLists编写以下代码
文档、DocumentFragment和元素接口上的DocumentFragment()方法必须按照文档顺序返回包含上下文节点子树中所有匹配元素节点的NodeLi
浏览 3提问于2012-10-27得票数 10
4回答
获取值形式输入
、、
我正在学习Javascript，并试图从输入中获取用户的输入值。
在我的项目中，我有一些输入表单，并希望从每个输入中获得数字值。我看到一些问题询问类似的内容，我尝试了一些DOM，但它们都不适用于我的代码。
我尝试了document.getElementsByName()
let userInput = document.getElementsByName('moneyamount');
inputNum = parseInt(userInput.value);
console.log(inputNum); //result is NaN
我还尝试了document.
浏览 11提问于2020-03-14得票数 0
回答已采纳
2回答
当不存在childElement时，我试图从页面中删除一个切换函数。这必须用香草javascript来完成。不幸的是，不能使用jQuery。这是怎么回事。
当我在控制台中运行这个
let content = document.getElementById('productItemRates-1');
console.log(content.firstElementChild);
返回代码段以检查是否存在childElement：
<div class="product-rate-card">
<div class="
浏览 9提问于2022-01-24得票数 1
1回答
我我正在写铬的ReactJS网站的扩展(这不是我的)。我有把数据放到字段和按下按钮的功能。类似的东西(例如)：
function pressBTN(btn)
{
let mouseClickEvents = ['mousedown', 'click', 'mouseup'];
mouseClickEvents.forEach(mouseEventType =>
btn.dispatchEvent(
new MouseEvent(mouse
浏览 7提问于2022-12-03得票数 0
我在Javascript中有一个简单的点击函数，我正在努力工作。我遇到的问题是，click函数只适用于类的第一个元素，当您单击该类的任何元素时，我希望它能够触发。
const element = document.querySelector('.js-element')
if ( element ) element.addEventListener('click', function () {
alert('click');
})
有人能告诉我哪里出了问题吗？
谢谢
浏览 1提问于2018-06-11得票数 0
3回答
我目前正在尝试找出一种方法来获取元素的ID，这取决于它的类是否包含某些内容。我不确定是否有比我现在更好的方法来做这件事，但是环顾四周，没有任何东西适合我的需要。我目前的代码是，我正在寻找一个div元素，它的类包含字符串"one“，但不限于此。目前只有一个元素包含此字符串，但警报为我提供了
$idToMove = document.querySelectorAll('div[class^="one"]');
alert($idToMove);
浏览 0提问于2016-05-12得票数 3
回答已采纳
我试图在单击复选框时创建一个事件侦听器(变量是“box”)。
为什么box.addEventListener说‘不是函数’是错误的，而当我调用一个以'box‘作为参数的函数时，它却起作用了？
<div class="inbox">
<div class="item">
<input type="checkbox">
<p>Item one</p>
</div>
<div class="item"
浏览 0提问于2018-07-28得票数 0
回答已采纳
我的任务是仅使用控制台上的JavaScript **(开发人员工具)**更改给定页面上的所有h2s。我已经多次输入下面的代码，但是控制台只返回字符串"b;ue“，而不是实际更改元素。如果我使用jquery，它可以很好地工作，但不幸的是，这个赋值是针对普通javascript的。有人能帮我指出错误吗？是不是因为我是在开发工具上运行它？ document.querySelector("h2").style.color="blue"; 返回字符串"blue“，而不是更改颜色 document.querySelectorAll("h2"
浏览 22提问于2021-08-09得票数 0
回答已采纳
我正在尝试从文件大小span标记中删除“AC.26”。到目前为止，我的javascript代码的语法确实很好，但是它还没有完全工作。
据我理解，我使用的是substr：的正确语法。
在Chrome中，我得到了这个控制台错误：
Uncaught :无法读取未定义的属性“substr”
在Firefox中，我得到了这个控制台错误：
Uncaught : innerTextString未定义。
另外，没有按预期的方式移除“\”。你知道我在哪里出问题了吗？
提前谢谢你。
<script>
const prettyLinkRightFileSize = document.
浏览 2提问于2021-01-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
