queryselector仅在文本元素上出现一次
querySelector仅在文本元素上出现一次是错误的。querySelector是一种用于在文档中选择元素的方法，它可以选择匹配指定选择器的第一个元素。它可以用于选择任何类型的元素，包括文本元素、图像元素、表单元素等。
querySelector的语法是通过传递一个选择器作为参数来选择元素。选择器可以是元素的标签名、类名、ID、属性等。例如，使用querySelector选择一个类名为"example"的元素：
var element = document.querySelector(".example");在上面的例子中，querySelector将返回匹配选择器".example"的第一个元素。
querySelector方法的优势在于它可以使用CSS选择器语法，使得选择元素更加灵活和方便。它可以通过组合选择器、伪类、属性选择器等来精确选择元素。
querySelector的应用场景包括但不限于：
- 动态修改页面元素：可以使用querySelector选择需要修改的元素，并通过修改其属性或内容来实现动态效果。
- 表单验证：可以使用querySelector选择表单元素，并通过添加事件监听器来验证用户输入。
- DOM操作：可以使用querySelector选择特定的DOM元素，并对其进行操作，如添加、删除、修改等。
腾讯云提供了云计算相关的产品和服务，其中与前端开发和DOM操作相关的产品包括云函数（Serverless Cloud Function）和云开发（Tencent CloudBase）。您可以通过以下链接了解更多关于这些产品的信息：
请注意，以上只是腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
这是试图隐藏一个结帐支付选项，当特定项目在购物车(显示在同一页上)时不会出现。如果文本"BULK“出现在购物车/页面中，以隐藏基于其数据属性的列表选项？我试着学习js和最后两个小时的课程，我更了解，但这似乎仍然比我现在所能做的更先进。使用string.search并插入div.style.display "none“的布尔参数会吗？
Cart示例搜索文本：
<h4 class="product-title optimizedCheckout-contentPrimary" data-test="cart-item-product-title"
浏览 3提问于2022-09-01得票数 0
5回答
如何使滚动条出现？
、、、、
这就是我要做的。我想要一个div，它看起来像一个固定尺寸的框，随着时间的推移，各种javascript函数将在其中放置文本。当文本行数超过框的高度时，我希望在框的旁边出现一个滚动条，这样您就可以在框本身保持固定高度的同时滚动其中的文本。
如何做到这一点呢？
浏览 3提问于2012-05-14得票数 3
回答已采纳
我有两个类似的练习，在第一个练习中我没有问题：
在forEach中没有问题的练习
// Change background color (basic)
const buttons = document.querySelectorAll('main button');
const body = document.querySelector('body');
buttons.forEach(function (button) {
console.log('textContent', button.textContent);
butt
浏览 1提问于2021-04-20得票数 0
回答已采纳
1回答
我正在与aframe和angular-cli一起构建一个项目，其中我显示了一个360°的虚拟现实视频。它在桌面上运行得很好，但在移动设备上它不会渲染它，并且console会打印以下不会出现在桌面上的警告：
尽管我使用的是angular2，但我将该脚本包含在<head>标记中，因为如果在组件中导入库，它将不起作用。这是html文件的代码：
<a-scene auto-enter-vr>
<a-assets>
<video id="video" src="../../assets/videos/Ski+Jump
浏览 7提问于2017-02-08得票数 0
回答已采纳
3回答
我试图使用html/Javascript对一些文本进行居中，然后在等待3秒后在可见和不可见之间切换它。我在JS中使用一个包含setTimeout()的函数来在3s之后更改显示属性。然而，文本既不会出现，也不会垂直中心，尽管我已经尝试了无数的解决方案。以下是我到目前为止所拥有的：
function myfunction() {
document.getElementsByClassName("parent-class").style.display = "table";
document.getElementById("h3").sty
浏览 7提问于2017-10-06得票数 0
回答已采纳
我当时正在读，但提出的方法纯粹是理论性的。在我的HTML5代码中，我尝试过这样的方法：
<div id='gameCanvas'>
<div id="insideText">First trial</div>
</div>
在CSS中，我把这个：
#insideText{
background-color: transparent;
}
当涉及到HTML/CSS时，我是个新手，所以我可能犯了一些简单的错误，但是这样我就可以在画布上得到一条黑线，而文本就出现在那条黑线上。我希望文本出现在画布上，没有这
浏览 1提问于2018-08-29得票数 2
回答已采纳
我已经完成了所有的HTML和CSS，但是JavaScript部分让我很困惑。单击时如何使按钮隐藏或显示文本？
控制台上也出现了一个错误。它说没有定义getElement。我也尝试过使用getElementByClassName，但是仍然会出现错误消息。
错误显示为Uncaught ReferenceError: getElement is not defined，对于getElementByClassName则是相同的
--
在守则中：
nav-btn =应该切换文本的按钮
nav-links =应该显示的文本
--
JavaScript代码：
const links = getElement
浏览 2提问于2022-04-22得票数 0
2回答
在观看教程时，老师说html是DOCUMENT的子节点，但说文本"jQuery Adventures“在标题节点下。
那么，从技术上讲，元素中的文本是该元素的子节点，还是仅仅出现在DOM中的该元素下面呢？编码的时候重要吗？
浏览 22提问于2016-09-20得票数 3
回答已采纳
2回答
我每天都在这里尝试用JS编辑输入文本的值，
我不知道是否有其他方法可以做到这一点，因为知道这个文本输入没有id属性，也没有name属性
但它位于一个具有唯一id (文本-输入-1和文本-输入-2)的元素中。
所以我试着把id=中的元素“文本输入-1”给他一个唯一的id，
示例
<input id="prenom_input" _ngcontent-fno-c29="" type="text" class="ng-touched">
然后将值更改为
document.getElementById("nom_i
浏览 4提问于2020-10-23得票数 0
2回答
我是javascript的新手，我正在尝试创建一个界面，在这个界面中，多个用户将一串文本输入到一个表单中，提交后，该文本会随机出现在页面上，并与之前的用户输入一起出现。有没有办法用javascript做到这一点呢？我主要是在寻找一种将文本写到屏幕上特定位置的方法上遇到问题。
浏览 2提问于2012-11-14得票数 1
回答已采纳
在构建我的测试时，我遇到了一个我无法找到解决方案的问题。简单地说，我想从前面添加的语义UI下拉列表中删除"Selects“选项。我尝试过几种在文本旁边出现的小"X“上使用fireEvent.click的方法，但都没有成功。有人有什么建议吗？
浏览 2提问于2021-03-05得票数 1
回答已采纳
你好&谢谢你事先帮忙
我目前正在做一个页面，这个页面的中心有一个Speech冒泡，用来发送来自Array的文本。这些文本片段意味着单独显示&随机化，+没有一个在完成整个列表之前显示两次。
目前，这一点需要了解我的代码：
function init(){
document.querySelector('.speechbubble').innerHTML = chooser();
setInterval(init, 3000);
}
function randomizer(array) {
var copy = array.slice(0);
浏览 0提问于2018-06-14得票数 0
回答已采纳
4回答
我的跨度就像
<span class="message">blablabla <img src="smileys/saute.gif" alt="SAUTE"></span>
我想得到文字+图片的alt如果有
我试过：
let el = document.getElementById(".message");
console.log(el.innerText)
但是它只返回文本，我想要img的文本+ alt (就像我们在浏览器上用鼠标复制粘贴)。
谢谢
浏览 15提问于2022-04-09得票数 0
1回答
我有一个带有asp.net的web应用程序和一个带有Jquery的代码。
其中有文本框和网格。在jquery页面中，对于文本框有写入的模糊事件，对于表中的行有行单击事件。
单击该行时，按行值，其详细信息将显示在文本框中。我的问题是，当我更新文本框值(也出现在网格行中)，然后进入下一个文本框时，一切都会正常进行，模糊事件触发，数据保存，如果单击网格行，将刷新。但是，当我在文本框中更新内容时，没有直接按Tab键，直接点击网格行，然后模糊事件没有激发，数据没有被直接保存，点击事件激发，当网格事件调用时出现错误。另外，如果我将调试点放在模糊事件并单击事件，那么控件将进入模糊事件，数据将被保存，但此时不
浏览 0提问于2011-08-04得票数 0
我开始使用VBA与网站进行交互，我在这里遇到了一个无法找到解决方案的问题。我试图点击一个出现在“新窗口”上的文本(它不是一个新窗口，它只是一个显示在页面顶部的方块，当我点击所需的行时，它就会显示出来)。下面是“正方形”的代码：
<div id="retornoBuscaDados"><table style="margin: 0px; padding: 0px; border:
0px currentColor; border-image: none; width: 500px;"><tbody><tr class=&
浏览 0提问于2018-11-22得票数 0
回答已采纳
3回答
我面临一个问题，我有一个按钮，在其中，我要改变它的文本，根据点击。
这个button有一个span附在上面。
但是，当我更改innerHTML/innerText的button值时，span将被移除，而本应与button一起出现的图片也不会出现。
我尝试过添加"className"和'classList.add("text")'，但它只是抛出了一个错误。
因此，我想知道是否有任何方法只能更改button的文本而不影响button's span元素。
(预先谢谢:)
按钮就是这样声明的。
<button id='btnShow
浏览 2提问于2019-04-08得票数 1
回答已采纳
1回答
编辑:这一壮举是不可能的。从那以后我就放弃了。我不会删除这个问题，而是把它放在这里，这样以后的用户就可以在google上看到关于类似的查询的相关结果。
目标:要么让textarea在聚焦时(用js)打开虚拟键盘，要么让input[type=text]有多行并带虚拟键盘(我相信回答了，但结果不令人满意)。(如果有人知道多行化input[type=text]的完全兼容的方法，请告诉我)
预期结果:当聚焦输入或textarea字段时，虚拟键盘弹出(通过javascript，没有用户触发器)。
真正的结果:卡雷特出现在文本字段，但键盘仍然看不见。
下面是我正在尝
浏览 4提问于2021-04-29得票数 3
3回答
该文本如下所示
<a href="http://example.com/test this now">Stuff</a>
More stuff
<a href="http://example.com/more?stuff goes here">more</a>
last thing
<a href="http://example.com/more?lasthing goes here">more</a>
我需要将文本中最后一个href中的内容替换为另一个引用，称为ht
浏览 6提问于2022-09-01得票数 1
回答已采纳
我需要添加一些代码到一个网页，当某个文本出现在它上面。
所以我加载了一个网页，显示如下：
<div id="someid" class="someclass" style=""></div>
我不想发生任何事。但在某种程度上看起来是这样的：
<div id="someid" class="someclass" style="">Some text here...</div>
当文本出现时，我希望Greasemonkey将其添加到页面上的某个位置。
&l
浏览 5提问于2021-11-30得票数 0
我有一个由Node填充的表，每行表示一个文档。有太多的重复数据，所以我希望隐藏其中的一些数据，然后在单击按钮时取消隐藏。
在我的pug模板的For Each循环中，我添加了一个图标，这样当你点击它时，隐藏的内容就会显示出来。
tbody
each output in project.outputs
tr
td= output.title
svg.report__icon.dropbtn
table.dropdown-content
- for (
浏览 12提问于2020-05-13得票数 0
回答已采纳
6回答
在使用木偶词典时等待文本出现
、、、、
我想知道Selenium是否有类似的方式来等待特定元素的文本出现。我尝试过这样的方法，但似乎不需要等待：
await page.waitForSelector('.count', {visible: true});
浏览 9提问于2017-10-19得票数 24
回答已采纳
我已经创建了一个简单的待办事项列表，它接受输入的值并将其放在div中，并将一些类附加到它们，一切都很好，但我如何修复for循环并使其每次工作，并在每个div下添加多个div，而不是更改现有的div。这是我的密码：
let dynamicList = document.querySelector("#dynamic-list"),
dynamicDiv = document.createElement("div"),
dynamicClass = document.querySelector(".dynamic"),
浏览 2提问于2021-07-15得票数 0
回答已采纳
1回答
使用Mocha > Chai > PhantomJS执行一些无头测试。一切都设置好并正常工作，但我尝试用错误的凭据填充表单，然后检查是否创建了一个DOM元素。
我想做的基本上是这样的：
it('should display error message string for bad credentials', function(done) {
page.evaluate(function() {
document.querySelector('input.form-input[type="text"]').val
浏览 0提问于2013-08-02得票数 1
在我的Angular typescript文件中，我有以下代码。我需要帮助来解决这个打字错误 ngAfterViewInit() {
setTimeout(() => {
this.tada = document.querySelectorAll('.highlighted').length;
document.querySelector<HTMLElement>('.highlighted')?.style.backgroundColor = 'pink';->>Error
this.fckm
浏览 475提问于2021-02-03得票数 1
3回答
我跟踪是为了学习如何在我的VueJS应用程序中制作弹出框。当我编译这些项目时，我得到了一个错误，即：
[Vue warn]: Error in data(): "TypeError: _popperjs_core__WEBPACK_IMPORTED_MODULE_0__.default is undefined"
我将问题追溯到BasePopover.vue组件--在我的应用程序中，第一个<script>行表示import Popper from "popper.js"; --我将其更改为import Popper from "@p
浏览 0提问于2020-09-05得票数 0
回答已采纳
我试图通过向图像的父容器分配一个数据属性来找出如何向图像添加alt-text属性。
基本上，无论我向data-alt添加了什么文本，都将在img元素上指定为alt-text。
如何写入属性，以便将其作为alt-text 应用于图像，而不是应用于父文件？
我想在代码编辑器中输入的内容：
<div class="image-parent" data-alt="hello world">
<img src="path/to/image">
</div>
我想要的结果：
<div class="i
浏览 4提问于2021-10-18得票数 0
回答已采纳
我有一个基本的文本输入字段，出于数据分析的目的，每当用户编辑该字段的文本时，我都想跟踪它。到目前为止，我有这样的代码：
var input = document.querySelector("#inputId");
input.oninput = function (e) {
alert("changed");
}
问题是，每当用户删除或添加字符时，这都会触发，而我只想知道他们是否在更改文本字段中的文本。有办法做到这一点吗？我是jQuery和JavaScript的新手，所以任何方向都会
浏览 4提问于2020-01-07得票数 1
回答已采纳
Chrome87.xxxx版的HTML2Canvas兼容性问题。我正在使用HTML2Canvas在我的js项目中转换为PDF。它在Chrome版本86.0.xxxx上运行良好。我注意到的问题是，在最新版本的Chrome (87.0.4280.88)和Opera72.0.3815.400.中使用snapShotURL = canvas.toDataURL("image/png")创建快照并使用此快照生成pdf时，画布上呈现的文本部分出现。无法通过换行显示完整的输入文本行。因此，HTML中输入字段(文本框)中的值不会反映到生成的PDF中。输入文本的长行必须换行，并应在生成的pdf
浏览 74提问于2020-12-07得票数 1
我正在操作的文本区域使用了selectionStart、selectionEnd和selectionPosition属性，但是我需要一个事件来告诉我这些值何时发生变化？
我找到了，但那不是我想要的。它直接在文档上触发，并在文档中的任何选择发生更改(太多)时执行此操作。我想要一些范围到文本区域的东西。
这样的事件存在吗？
如果没有，我将被迫在文本区域使用文档的selectionchange事件或keyup/mouseup的组合，并加上一些额外的条件，以确保它确实发生了更改。
浏览 0提问于2019-11-20得票数 0
2回答
当您更改nameDiv (即var nameDiv = document.createElement('div'); (nameDiv.contentEditable = "true";) )的内容时，应该更改表位置的内容，并且它有一些文本。
nameDiv.onclick = event => {
allSectionsArray[sectionNumber][2] = event.value;
}
这里所发生的基本上是:它更新我点击div的第二次，而不是在输入了一些文本之后。
我想要的是:在输入文本后保存更改。有任何替代的o
浏览 1提问于2022-07-12得票数 3
回答已采纳
如果我在一个节点上设置了一个iframe，我可以将它移动到另一个节点，同时保留它的当前状态吗？
我必须保留对此的IE11支持
const iframe = document.querySelector('#my-frame')
document.querySelector('#new-node').appendChild(iframe)
document.querySelector('#old-node').removeChild(iframe)
div{
border: 1px dashed black;
}
<div id=&
浏览 1提问于2020-04-22得票数 1
2回答
我有点卡住了，试图让<div class"portfolio-entry-toggle">切换<div class="portfolio-entry">的出现和消失，目前它只在我悬停时起作用，但如果我点击它-什么都没有发生。这是小提琴
cheers
浏览 1提问于2013-12-08得票数 0
在网站上我有个肚脐。当我单击导航栏中的a时，我希望出现一个新的div (包含内容)，其他所有内容都会“隐藏”。我和display: none一起做的。在角落应该有一个"X“关闭div，并使”第一个屏幕“再次出现。
我做了第一部分，但有一些问题，关闭。这是我的代码：
const about = document.getElementById('li-about');
const work = document.getElementById('li-work');
const contact = document.getElementById('li
浏览 0提问于2018-03-19得票数 1
回答已采纳
我试图使用anime.js在名为..grid item的div中对元素进行动画，这是一个简单的悬停动画，当用户悬停时，文本和图标就会出现在其中。网格项是在Mansory网格中复制的，这就是它破坏的地方，down.The的想法当然是，在触发所有.格栅项的那一刻，只有悬浮网格项目的子元素才是affected.At。
当我删除动画函数并使用$(this)操作CSS属性时，一切都正常。我似乎不知道在动画功能中作为目标输入什么。任何帮助都将不胜感激！
html
<div class="grid-item">
<div class="grid-container
浏览 0提问于2018-08-15得票数 2
我有两个装有文字的容器。我想要增加一个文本的文本大小悬停在另一个仅使用CSS。我在一个不同的岗位上看到的方法并不适合我。怎样才是正确的方法？提前谢谢。
.top p {
font-size: 3vw;
}
.bottom p {
cursor: pointer;
}
.bottom:hover + .top {
font-size: 6vw;
}
<div class='wrapper'>
<div class='top'>
<p>scale</p>
</div>
浏览 12提问于2022-07-05得票数 0
回答已采纳
1回答
给定以下HTML：
<div>
<span>This </span>
<span>is </span>
<span>plain </span>
<span>text </span>
<span>and </span>
<span>this </span>
<span>is </span>
<span>more </span>
浏览 2提问于2019-02-23得票数 1
回答已采纳
3回答
我想知道，当用户点击html/jsp网站上的一个按钮时，是否有可能在同一页面上出现一些东西？所以本质上说，一些文本是隐藏的，直到按钮被单击，然后它才会出现？我刚接触web dev，所以我不确定这是否可能，谢谢
浏览 0提问于2019-02-21得票数 1
我试图在输入框中插入文本，输入框位于contenteditable div中。当我单击“输入”框时，光标不会出现。双击输入框后，我可以插入文本。这个问题发生在IE中。
<div contenteditable="true">
<input type="text">
</div>
谢谢。
浏览 3提问于2015-04-25得票数 3
回答已采纳
在我的html中，我有一个文本区域和输入区域。
我的jquery试图为span元素设置一些值。
<div class="col-xs-3">
<span data-name="sstNumber" class="sstNumber">
<textarea class="wt-resize" maxlength="50" rows="1" cols="20"></textarea>
</span&g
浏览 0提问于2019-06-13得票数 0
回答已采纳
我在列一份待办事项清单。我很难在卡片上设置输入文本。所有我写在输入中的东西，我都要选择并放在卡片上。
当我输入某些内容时，我尝试选择input的input。我不知道如何选择输入文本。然后，我将创建一个包含文本的新元素，并将其附加到卡片中。
let btn = document.querySelector('.add');
let textspace = document.querySelector('.todotext');
const input = document.querySelector('input');
// eventli
浏览 7提问于2022-11-08得票数 0
回答已采纳
我正在尝试使某个文本在您单击某个文本时出现。但由于某些原因，getElementByClassName无法工作。我也不知道原因?当然，这是我看不到的一个小细节。目标是当你点击阅读更多的时候，文本会出现，而阅读更少的文本会再次消失。其3个项目具有相同的文本
<ul class="item-list">
<!-- Item 1 Start-->
<li class="item item1">
<img src="images/chromebookpro
浏览 89提问于2018-09-20得票数 2
回答已采纳
我添加了tabindex="0"，以使用户能够使用tab键跳转到此div并使用键盘与其交互。当它处于活动状态时，单击或按enter/空格键，就会出现一个弹出式div。它在点击tab时应用于div的焦点样式很好，但我注意到当用户单击div激活它时，焦点样式也会应用于它。如果他们按住鼠标不放，焦点样式将应用于它。
当用户用Tab键定位到这个div时，我怎么能只为它提供一个可视焦点，而当用户单击它时却不显示这个焦点呢？
我目前正在通过.blur()移除激活的焦点，但仍然有这种焦点样式的闪烁，当用户按下鼠标时，它总是可见的。
iCloud.com上的Pages应用程序是一个类似的界面，
浏览 9提问于2014-12-19得票数 0
我有一个标题在我的网站顶部和链接。单击链接将显示下面的新页面。
有些页面有大量的文本，其他的只有少量的文本。其结果是，一些页面以滚动条出现，而另一些页面则没有。当我从一个页面移动到另一个页面时，看到滚动条出现，然后不出现，看起来非常分散注意力。
有什么方法可以确保总是有垂直滚动条存在吗？
浏览 1提问于2015-04-24得票数 0
回答已采纳
1回答
这意味着我有一个待办事项列表项目，在其中单击一个add按钮，创建一个div元素，并在其中添加另一个按钮。很简单。现在，我希望选择该按钮，以便可以使用它在新创建的div元素中添加文本输入表单。
我假设它没有创建的原因是因为当我选择元素时，它在当时并不存在？
const addButton = document.querySelector('.addButton');
const addListItem = document.querySelector('.addListItem');
const todoDiv = document.querySelectorAl
浏览 2提问于2019-04-26得票数 0
回答已采纳
1回答
我在表单验证中使用这个库，它运行良好，但在复选框组验证中有一条错误消息，当我试图提交一组空复选框时，它会出现："null“
这是演示链接:您必须单击“提交”而不单击任何字段，才能看到“空”消息。
很明显，这个函数有一个错误。
function checkBoxGroupValidate(event) {
//get all checked checkboxes for a group and if its null then mark it invalid or valid
var totalChecked = event.target.parentNod
浏览 0提问于2019-03-13得票数 0
回答已采纳
我有一个asp.net文本框(ID = "HTMLTextBox_Comments")和一个HTMLEditorExtender：
<asp:TextBox ID="HTMLTextBox_Comments" runat="server" Height="200px" Rows="5"
TextMode="MultiLine" Width="469px"></asp:TextBox>
<ajaxToolkit:HtmlEditorExt
浏览 5提问于2012-11-07得票数 1
我有以下问题，这发生在Safari11。Safari浏览器没有“重画”或“重新计算”文本的位置正确时，样式放置在关闭body标签之前。以下是导致该问题的样式：
h1 {
letter-spacing: .2em;
text-align: center;
}
你可以在这里看到这个例子。当你在Safari中点击文本时，它会重新出现。是否有解决方法来正确定位文本？
或：
在下图中，第一行中有错放的文本，当在第二行中单击它时，文本会加倍：
浏览 0提问于2017-10-27得票数 3
4回答
我有一个javascript函数，用于检查输入的文本是否为数字。当用户单击enter按钮，并且文本不是数字时，它会在屏幕上显示一条消息。如果我一直按enter键，文本会一直出现，但我希望每次按enter按钮时都清除文本，这样它就不会一直重复。
HMTL：
<div>
Enter Distance: <input id="distance" type="text" name="txtDistance"><br>
<p>
<button id="enter&#
浏览 6提问于2019-08-04得票数 1
我想用js来增加值，但是当我试图运行我的代码时，它会显示一个错误，如下所示：
5 | const Counter = () => {
6 | useEffect(() => {
7 | const counters = document.querySelector(".counter");
> 8 | counters.forEach((counter) => {
9 | counter.innerText = "0";
10 | const updateCount
浏览 4提问于2021-02-21得票数 0
回答已采纳
2回答
我只想在文本悬停时显示title (attr)。
问题是，这里我们讨论的是像p和h1这样的悬停block元素。
所以我的问题是:如何使title属性仅在文本为目标时(而不是元素的所有宽度)才出现(或任何其他事件)
到目前为止，对于jQuery，我有：
$('h1, p').each(function(){
$(this).wrapInner('<span></span>');
var spann = $(this).children('span');
var span = spann.widt
浏览 0提问于2011-06-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
