问题标签 [queryselector]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使用 querySelector 或 jQuery 从以下 html 中抓取数据
我想使用 querySelector 或 jQuery 从此 html 中获取文本。
输出应该像
汤姆·海利格
第8642章
梅卡尼克斯维尔,弗吉尼亚州 22221-4943 美国
+1 412-111-1111
任何人都可以帮我解决这个问题吗?
javascript - JS 代码运行不正确,但可以在控制台上运行
我正在尝试更改图像的 src。我可以在控制台上更改它,但我无法将它用于我的 javascript 文件。我运行的代码与我文件中的代码相同。
这是我的代码的摘录,它给我带来了问题:
在 HTML 上有这样的东西:
varparentClass
给了我 class linha1a coluna1a
,这是正确的。但是因为我需要它带有点,所以我正在运行var classDots = "." + parentClass.split(" ").join(".");
将字符串转换为.linha1a.coluna1a
. 此外,console.log
所以基本上我试图在 de class 中获取唯一的图像.linha1a.coluna1a
。问题从这里开始,因为注释行没有做任何事情,但如果我运行document.querySelector(".linha1a.coluna1a > img").setAttribute("src", "imagens/reservaCadeiras/cadeira1.png")
,它可以在控制台上运行。
编辑:
对不起,我没有解释一些事情。我有一张图片,当我点击它时,它会变成其他图片。这工作正常。当我再次单击图像以将第二个图像替换为它显示的第一个图像时,我发布的代码正在运行。本质上,第一次单击将 src 更改为imagens/reservaCadeiras/cadeiraSelecionada1.png
,第二次单击更改为imagens/reservaCadeiras/cadeira1.png
.
javascript - Document.querySelector() 返回未定义的值
我正在 puppeteer 中制作一个网页抓取程序,该程序应该从网站收集文本。我创建这个类是为了从“#identifierId > option:nth-child(1)”中收集文本并将其存储为对象属性,但它返回一个未定义的值:我错过了什么?
html - .哪一个是 h1 在查询选择器中使用的正确类名?
这是我的 html,我不知道哪个 className 是使用查询选择器选择 h1 的正确类名:
这是真的?
还是这个是真的?
node.js - NodeJS QuerySelector - 选择并单击条纹表单的支付按钮
我正在尝试实现程序以单击条纹表单上的播放按钮
https://stripe.dev/elements-examples/
我已经尝试了这 4 种不同的方法来选择支付按钮,但我似乎无法让它工作。
您可以使用此功能来填写组件
与实施类似
javascript - 在 JavaScript 中,如何从属于 NodeList 的 Input 元素中获取文本?
我有一个名为“selectedRowFields”的输入(文本框)元素的 NodeList。我可以使用 selectedRowFields.item(index) 通过索引选择我想要的特定元素。当我从 selectedRowFields 中选择一个 Input 元素,然后使用 textContent 属性尝试获取该 Input 元素的文本时,它返回空白。
这是我的代码示例:
这是我得到的警报窗口(在 Chrome 中,在本地运行):
我已经验证 NodeList 不为空。这是我根据我的 querySelectAll() 调用所期望的大小。但是我尝试获取 Input 元素文本的每个属性要么为空,要么为空白。(例如,当我尝试时 nodeValue 为空。)
javascript - 如何为根节点的直接子节点制作选择器?
考虑给您一个节点node
,您必须提供 selector 给出的所有直接子节点Direct
。直接子代的选择器是:
但是,以下失败并在控制台中出现错误:
我有一个函数需要在选择的直接子节点上执行某些操作,但我不确定如何处理。当然除了使用for
循环并用我自己的代码分析孩子,完全放弃选择器。
以下代码不起作用。可以更改它以使其达到预期目的吗?
我在寻求解决方案,而不是解决方法。
javascript - 我正在尝试使用 AddEventListener 和 QuerySelector 制作一个简单的 Javascript 计算器
正如标题所说,我正在尝试使用 AddEventListener 和 QuerySelector 函数从头开始制作一个简单的 Javascript 计算器,对我来说,除了给我“未定义”结果的 equals 函数之外,一切似乎都正常工作。如果有人对此有解决方案,将不胜感激。谢谢
javascript - 如何使用 CSS 选择器来获取除特定子元素之外的所有匹配元素?
假设 HTML 结构如下所示:
我想要“容器” div 中具有“MyClass”类的所有元素,但“excludedElement”div 中的元素除外。在这种情况下,结果仅包含跨度 4、5 和 6。
我目前的解决方案是首先使用“MyClass”获取所有元素,然后使用“MyClass”获取excludedElement 内的所有元素。对于第一个列表中的每个元素,我们检查它是否在第二个列表中,如果是则跳过它。这是 O(n^2) 运行时间,所以我想避免这种情况。伪代码供参考:
有没有办法在 querySelectorAll() 中制作一个 CSS 选择器来检索这组特定的元素?
一种方法是从树中临时删除 excludeElement,查询“MyClass”,然后替换 excludeElement,但我想避免修改 DOM。