将.value添加到JavaScript querySelector时，它不工作
在JavaScript中，querySelector方法用于通过选择器选择文档中的元素。当你尝试将.value添加到querySelector时，它不起作用的原因是querySelector返回的是一个元素对象，而不是一个具有.value属性的元素。
解决这个问题的方法是，在querySelector方法之后使用.value属性来获取所选元素的值。例如：
var element = document.querySelector("#myInput");
var value = element.value;在上面的代码中，我们首先使用querySelector选择了一个id为"myInput"的元素，并将其赋值给变量element。然后，我们使用.value属性来获取该元素的值，并将其赋值给变量value。
这样，你就可以正确地获取到所选元素的值了。
关于querySelector方法的更多信息，你可以参考腾讯云的文档：querySelector方法 - 腾讯云
相关·内容
我在if语句中使用了带有.value的userInput，它可以很好地工作。但是，当我尝试将其用作变量时，没有输出任何内容，控制台中也没有任何内容。我尝试执行querySelector("input['name = "command"]')以查看它是否可以工作，但同样，没有输出任何内容，控制台中也没有显示任何内容 var userInput =document.querySelector("input[name = '
浏览 35提问于2020-08-29得票数 0
沉淀
var food = document.createTextNode(docu
浏览 5提问于2020-03-02得票数 0
回答已采纳
1回答
每次我试图运行代码时，都会发现一个CSRF token丢失的错误。因此，我使用babel将表单添加到html中(这并不是为了解决问题)。我尝试手动将一个CSRF token添加到react表单中，但仍然得到了相同的错误：Forbidden (CSRF tok
浏览 7提问于2022-08-14得票数 2
&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { });}("input[name=nn]").value = vornametxt;如下所示，它可以正常工作</e
浏览 14提问于2018-08-07得票数 0
回答已采纳
每当我将todo添加到我的数组中时，它不会在html中被刷新，我需要什么来解决这个问题？另外，如何将正在循环中创建的Delete按钮连接到函数上？const form = document.querySelector('form')const btnAdd= document.querySelector('bu
浏览 2提问于2021-02-13得票数 0
回答已采纳
我做了一个简单的HTML页面，其中包含JavaScript，如下所示： function myFunction() { var z = document.querySelector('input[name="num2"]:checked').valu
浏览 0提问于2015-11-10得票数 0
单击输入字段时，将显示类似于列表的下拉列表。当尝试用javascript click()做同样的事情时，它不起作用。为什么不行？它能被修复吗？ document.querySelector('.button-click').addEventListener('click', () => { document.querySelector('#m
浏览 14提问于2021-08-08得票数 1
回答已采纳
当下拉列表中的选定值发生更改时，我试图运行一个JavaScript。但剧本不管用。javascript： var dataEl = document.querySelector('#data'),
dataEl.onchange = function(
浏览 5提问于2017-06-07得票数 0
回答已采纳
我能够让代码按预期工作，但前提是我在定义变量时不使用.textContent，并在以后使用它们，但是这很笨拙。如果我把它们放到我的变量中，html在空的跨度中不会返回任何东西(代码中的所有If都是空的跨度)，所以就像页面加载了，然后它不会用Javascript计算出的值进行更新？我试着用.value代替textContent。只有将.textContent添加到第二部分，并在第一部分中省略它，才能正常生成数字并在页面上呈现。页面加载时startNumb
浏览 0提问于2019-07-05得票数 1
<button class="add_btn">Add value</button> inputVal : {
浏览 32提问于2019-09-13得票数 1
回答已采纳
我有一个按钮，其中有Onclick功能，当按钮点击它会传递一个值给JavaScript，这个值将作为参数添加到URL中，如果参数已设置，JavaScript函数将添加类名到div标记。问题是:单击按钮时可以成功设置参数，但无法将类名添加到div标记中。下面是按钮代码：
<button type="button" class="btn btn-circle btn-primary open" value=&
浏览 0提问于2020-11-14得票数 0
我正在实验我的非常基本的Javascript，我找到了一个很好的关于如何在JS中制作一个非常基本的计算器的。= document.querySelector('.second').value;}
我试图将与结果相关的输入分配给一个变量，但它不起作用。但是当我这样做时<
浏览 1提问于2020-09-17得票数 1
1回答
我正在制作一个具有多个主题的计算器应用程序，所有东西都在本地工作，但问题是出现在github页面上。" href="styles/themes/theme-1.css">const themeSelector = document.querySelector('#themeSelector');
const themeStyleSheet = document.querySelector('#themeStyle
浏览 2提问于2022-05-23得票数 0
回答已采纳
1回答
</form>function showsDictionaryForm(){我试过这样的方法：同时，将ret
浏览 2提问于2015-02-17得票数 1
回答已采纳
1回答
我计划为待办事项列表编写javascript代码，动态地将元素添加到无序列表中，并为每个元素添加一个remove按钮。当用户单击remove按钮时，我希望删除相应的list元素。如何动态删除上述列表元素var input = document.querySelector("input");
var ul = document.querySelec
浏览 0提问于2019-03-27得票数 0
回答已采纳
所以我尝试将.value添加到两个不同的位置，我只想知道为什么<!</button> </body>javascript代码1：
var input = document.querySelector(".guess").value
浏览 3提问于2021-12-03得票数 0
回答已采纳
问题背景：在下面的简化测试代码中，当按下一个键时，该函数将event.target.value的值输出到div元素。问题是，在将event.key添加到event.target.value之前，浏览器已经读取了event.target.value，这使得输出在DIV1字符后面。
document.querySelector('input').addEventListener(&#
浏览 16提问于2018-07-21得票数 0
回答已采纳
1回答
为什么不工作，而工作。唯一不同的是，在第二种情况下，我将视频元素添加到html文件中，而不是通过innerHTML方法添加它们。document.querySelector('#top').innerHTML = document.querySelector('#top').innerHTML + "<video id='vid" + id + "'></video>
浏览 2提问于2013-11-30得票数 0
回答已采纳
当悬停在basketTotal.textContent = total上时，错误p是Type 'number' is not assignable to type 'string'，.value也有问题，这也是这个Property 'value' does not exist on type 'Element'.的错误，我以前没见过这样的东西。">
co
浏览 12提问于2021-06-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
