问题标签 [selectors-api]

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.

0 投票
3 回答
23786 浏览

javascript - 在 DOM 集合上使用 `querySelectorAll` 的子选择器

假设您有一个包含嵌套子列表的列表。

并用于document.querySelectorAll()进行选择:

我如何使用ul集合来获取直接子元素?

让我们假设ul以某种方式缓存(否则我可以ul > li直接完成)。

在 jQuery 中这有效:

但它不是 native querySelectorAll。有什么解决办法吗?

0 投票
1 回答
687 浏览

javascript - 选择器 API 的浏览器支持

是否有页面显示当前浏览器对Selectors API的支持?

0 投票
3 回答
2747 浏览

javascript - JS querySelector:如何在不需要 HTML 标签的情况下获取 HTML 标签数据并将其硬编码到 javascript 中

我试图弄清楚它试图从下面的代码中得到什么:

上面引用的代码是:

目标是获取这些 HTML 代码并将其放置在 javascript 本身中,这样它就不会在 HTML 代码的标签中查找它。但是,我无法找出它从那些querySelector中得到了什么,以便我自己去做。

任何帮助都会很棒!

当我做alert(document.getElementById('code')); 我明白了:

在此处输入图像描述

代码串:

0 投票
3 回答
235319 浏览

javascript - 如何仅将 querySelectorAll 用于具有特定属性集的元素?

我正在尝试document.querySelectorAll用于所有value设置了属性的复选框。

页面上还有其他未value设置的复选框,每个复选框的值不同。id 和名称不是唯一的。

例子: <input type="checkbox" id="c2" name="c2" value="DE039230952"/>

如何只选择那些设置了值的复选框?

0 投票
1 回答
209 浏览

javascript - 如何根据值的长度使用 querySelectorAll

这是一个相当具体的问题,但我正在尝试对所有具有特定长度的“href”值且在该值末尾不包含“html”的“a”标签使用 querySelectorAll。

我了解 querySelectorAll 的基础知识,但不了解如何完成这样的事情......

感谢您提供的任何帮助。

0 投票
1 回答
560 浏览

javascript - CSS 选择器从右到左进行评估。querySelectorAll() 选择器是否也会以这种方式进行评估?

选择器是否querySelectorAll()像 CSS 一样从右到左进行评估,还是从左到右进行?

0 投票
1 回答
720 浏览

css - 如何正确编写完整的 css3 选择器到 querySelectorAll

如何正确编写这个 css3 选择器查询?

上面的查询会引发语法错误。

我想选择所有具有 data-datasource='ds1' 的元素,但类型按钮、提交、提交、隐藏、重置、文件、图像和搜索的输入除外。

0 投票
3 回答
4603 浏览

javascript - 使用 querySelectorAll 时,有没有办法在不使用 ID 的情况下引用上下文节点的直接子节点?

假设我有一个 HTML 结构,例如

要使用 querySelectorAll 对“a”的孩子进行查询,我可以执行类似的操作

我的问题是:是否可以在没有 ID 的情况下直接引用节点?我试着做

但我收到一个错误,告诉我我使用的选择器无效。


如果有人想知道,我的真实用例会更复杂一些,比如 '> .foo .bar .baz' 所以我宁愿避免手动 DOM 遍历。目前我正在向根 div 添加一个临时 ID,但这似乎是一个丑陋的黑客......

0 投票
1 回答
182 浏览

getelementsbytagname - 由 HTML DOM 的“querySelectorAll”方法或“getElementsByTagName”方法引起的一个非常奇怪的问题

见代码:

jsFiddle:http: //jsfiddle.net/V7gmE

我的问题是:

c.length4。没有问题。 e.length4。没有问题。

如果我使用f = document.querySelectorAll('p');or f = document.getElementsByTagName('p');,为什么g.length是'3'?

谢谢你。

0 投票
1 回答
1600 浏览

powershell - 是否可以在 powershell 3.0 的 Invoke-WebRequest 中使用 document.querySelector?

我正在使用这样的命令下载网站:

是否可以使用querySelectorquerySelectorAll来查找某些元素?我知道我可以使用$response.ParsedHtml.all和过滤这些,但我想使用更复杂的查询,我在$response.ParsedHtml.documentElement.

我正在使用 powershell 3 RC。