为什么我的```document.querySelector```无法选择按钮元素？
问题：为什么我的document.querySelector无法选择按钮元素？
答案：有以下几个可能的原因导致document.querySelector无法选择按钮元素：
- 元素尚未加载：如果你的代码在DOM元素加载完成之前执行，
document.querySelector无法选择任何元素。可以通过确保在文档加载完成后执行代码，或将代码放置在页面底部来解决该问题。 - 错误的选择器：请确保你提供给
document.querySelector的选择器是正确的。你可以使用浏览器的开发者工具检查元素的选择器是否正确。 - 元素不存在：如果你的选择器匹配不到任何元素，
document.querySelector将返回null。请确保选择器与页面中的按钮元素匹配。 - 多个匹配元素：如果你的选择器匹配到多个元素，
document.querySelector将只返回第一个匹配的元素。如果你想选择多个元素，请使用document.querySelectorAll。
综上所述，检查代码是否在正确的时间点执行，确保选择器正确并与页面中的按钮元素匹配，以及根据需求选择使用document.querySelector或document.querySelectorAll函数来选择元素。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
我无法使用document.querySelector选择按钮元素。本质上，我只是尝试使用JS逻辑将一个类应用于按钮元素。但我无法选择该元素。我尝试过使用其他选择方法，比如document.getElementById，它允许我选择按钮元素。但我只是搞不懂为什么</e
浏览 148提问于2019-10-07得票数 1
1回答
我正在处理一个polymer2影子多姆模板项目，需要从父元素中选择子元素。我发现这个引入了一种选择像这样的子影子dom元素的方法：document.querySelector('x-tabs').shadowRoot但是，当我在我<e
浏览 0提问于2018-12-21得票数 1
回答已采纳
2回答
我正在使用的技术是物化和香草js。我创建了一个“物化”按钮来打开模型。模型中有一个表单，该表单接受用户输入，然后在触发Submit按钮时将输入文本放在主页上。然后，我有一个按钮，应该删除/删除输入张贴。因此，我遇到的问题是，链接到按钮的JavaScript (应该删除/远程儿童)不能工作。');
var instances = M.Modal.init(elem
浏览 6提问于2020-05-25得票数 0
回答已采纳
我正在尝试选择单击按钮的父元素，并找到该父元素的子元素文本，但是它正在返回undefined。var add = document.getElementById("add").parentElement.nodeName;
我找到了如何访问父元素的节点名，但我无法通过id选择它的子元素。目前，我</e
浏览 1提问于2019-04-02得票数 1
回答已采纳
我正在尝试使用patientNumber (ClinicA100-PF-TR1-P1)使用querySelector。我一直得到一个空值。patientNumber位于页面顶部，脚本位于底部。即使在加载页面之后，我也单击一个运行该函数的按钮，它仍然返回一个空值。下面是选择器的屏幕截图()function getPatientNumber(){
var
浏览 1提问于2020-06-04得票数 0
我已经为一个HTML容器分配了一个事件侦听器，当用户单击play and按钮时，'if‘语句中的代码应该会执行。单击再次播放按钮时没有任何反应，也没有任何内容记录到控制台。我尝试过各种不同的方法，比如测试元素是否有特定的类名等。下面是相关的HTML代码： <input type="button" class=
浏览 0提问于2019-11-25得票数 0
3回答
更改按钮背景颜色
、、、
我目前正在尝试完成一个关于欧洲国家的测试页面。我的JavaScript不工作，我不知道为什么。有人能给我一个替代方案或者告诉我哪里出了问题吗？v
浏览 2提问于2020-12-16得票数 0
回答已采纳
1回答
我有一个定制的聚合物2+组件如下：在组件内部，我在几个地方(在ready()上、鼠标按下等)有这段代码。CustomEvent('testCustom', {detail: {hey:'hey'}, bubbles:true, composed: true}));
在Chrome中，这两者都可以被捕获并登录到以下实现按钮的监听器中应该
浏览 0提问于2017-11-02得票数 0
回答已采纳
1回答
在处理选定的任务后，我无法选择新创建的JS元素，比如单击按钮。奥伯。
如何看到我单击按钮并将新的<tr>添加到当前表中。这个<tr>即使在就连我都试着等待
await page.waitForSelector有没有一种研究内容<em
浏览 2提问于2021-06-03得票数 1
回答已采纳
尽管如此，我还是希望能回答我关于这个特定代码的问题。/Edit我在聚合物中有一种自定义元素： <template>而不是
var button = this.$
浏览 1提问于2014-11-08得票数 0
回答已采纳
和SubmitAsync一样，我有一个问题，选择输入(输入提交)，因为页面上有几个这样的输入，脚本按下(执行)第一个输入var form= document.QuerySelector(formSelector) as IHtmlFormElement; await f
浏览 14提问于2017-11-01得票数 0
回答已采纳
当我点击按钮时，我想让它转到上一页，但当它被点击时，它会返回null。());window.history.back();在附加事件之前，我添加了一个if语句来检查元素是否存在，但现在当函数被调用时，它不会做任何事情', () => movieView.goBack());
我找到了这个问题的解决方案。我找到了必须将eve
浏览 0提问于2020-11-05得票数 1
我对元素进行了检查，结果如下：
<input id="email" name="email" type="username" placeholder="Podaj swój e-mail albo numerspellcheck="false" required="required" maxlength="524288" minlength="4" class="form-input custo
浏览 0提问于2020-12-18得票数 2
1回答
为什么在vanilla和jQuery中更改元素的属性值有时不起类似作用？一个场景是我创建的实验，每当单击“显示密码”按钮时，密码字段的type属性值就应该在为password时更改为text，反之亦然。它成功地在香草JS中工作，但在jQuery中却没有成功。在jQuery中，属性值将更改为text，但当我想将其更改为password时，它将无法工作。为何会出现这样的问题呢？香草JS
document.querySelector
浏览 0提问于2016-10-13得票数 0
回答已采纳
如何在javascript上从elemnt获取所有的chilredn： 我有这样的代码： const selectFaturamento = document.querySelector("div#faturamento"); const optionsList= document.querySelectorAll(".o
浏览 83提问于2020-07-13得票数 0
我试图使用Javascript querySelectorAll()来选择下面的元素：我对Javascript还不熟悉，但在四处寻找时，我
浏览 7提问于2022-07-07得票数 -1
如何保存点击事件的状态，当密码显示时，眼睛按钮应该隐藏密码？"cursor: pointer;"><i id="button-eye" class="fa fa-eye"></i></span>联署材料：
var eye_button = document.querySelectoreye_button.addEventListener('click', fu
浏览 2提问于2019-12-30得票数 0
回答已采纳
大家好，我不是一个真正的程序员，但我正在尝试使用disintegrate.js，我在我的网站上的一个按钮上工作，但我希望这个效果在许多不同的类/按钮上工作。var ctx;
var colorInfoElem = document.querySelector("#col
浏览 1提问于2018-08-25得票数 1
我试图自动点击一个网站上的按钮。唯一的问题是，该按钮的HTML看起来如下(请注意，这不是我试图单击的确切按钮，它只是许多按钮的真实示例)：显然，这个按钮没有ID，所以我不知道如何‘点击’它。是否有一种使用类
浏览 4提问于2019-02-17得票数 0
回答已采纳
我已经为自定义轮播编写了一些JS，并希望能够在同一页面上使用此的无限多个实例示例： varprev = document.querySelector('.prev'); var counter= <em
浏览 0提问于2020-04-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
