selectors-api相关内容

使用 querySelectorAll().方法返回的结果是否有序?

我正在尝试制作一个适用于多个页面的 js 代码.我正在尝试使用 querySelectorAll() 从 DOM 中获取元素. 我需要订购元素.为此，我可以使用 xPath 或选择器(我更喜欢使用选择器，但 xPath 也可以).问题是: querySelectorAll() 返回的 NodeList 中的元素是否按照标签在 HTML 中出现的顺序排列? 注意:我想添加标签:quer ..
发布时间：2022-01-10 08:23:01 前端开发

如何在 css/js 属性选择器 [attr=value] 中正确转义属性值?

我应该如何在 css/js 属性选择器 [attr=value] 中转义属性? 具体来说，这样对吗? document.querySelector('input[name="test[33]"]') 我正在寻找执行此操作的“标准方式"(如果有的话)，因为我不希望 Sizzle 使用执行繁重的后备功能 解决方案 是的，这是一种正确的方法.选择器 3 级规范 声明如下: 属性值 ..
发布时间：2022-01-10 08:21:19 前端开发

XPath 还是 querySelector?

XPath 可以做所有 querySelector 可以做的事情，甚至更多，那么你什么时候会选择后者呢?我还没有看到任何速度基准比较这两者，所以现在我根据语法简洁性进行选择，这似乎有点随意. 编辑:我可能应该说我正在为 Firefox 编写 Greasemonkey 脚本，所以我不担心跨浏览器的兼容性，并且宁愿不包含任何库. 解决方案 你用的是什么浏览器?在 Safari(或 iPh ..
发布时间：2022-01-10 08:10:59 前端开发

querySelector 搜索直系子级

我有一些类似 jquery 的功能: 函数(elem) {return $('> someselector', elem);}; 问题是我怎样才能对 querySelector() 做同样的事情? 问题是 querySelector() 中的 > 选择器需要明确指定父级.有什么解决办法吗? 解决方案 完成:scope polyfill 作为 avetisk 有 提到 Sel ..
发布时间：2022-01-09 23:59:13 前端开发

如何在变量中保存对由`querySelectorAll` 匹配的项目的引用，以允许您访问其方法?

简介: 你们中的一些人可能已经注意到与 querySelectorAll 来自 MSHTML.Dll 的 MSHTML.HTMLDocument 方法(通过 Microsoft HTML 文档库代码>参考).我相信，这发生在上个月.它可能不会影响所有用户，当我获得有关哪些版本等受到影响的更多信息时，我将更新此问答.请随时在下面评论您的设置以及是否适用于后期绑定和早期绑定(根据答案中的代码) ..
发布时间：2021-09-24 18:44:14 其他开发

querySelector()和querySelectorAll()[0]之间的区别

我使用以下代码选择了一些JS代码，以选择多个节点中的第一个. querySelectorAll()[0] 下面的人不是在做同样的事情吗? querySelector() 使用 querySelectorAll()[0] 是否有优势? 解决方案 两个表达式都将返回完全相同的结果. 唯一的区别是 querySelectorAll()[0] 将首先找到与选择器匹配的所有项目 ..
发布时间：2021-05-19 20:58:00 前端开发

不能对单个元素使用querySelectorAll吗?

我了解在正常情况下，您可以使用querySelector选择单个元素，然后使用querySelectorAll选择多个元素.但是，我惊讶地发现querySelectorAll不能与单个元素一起使用.我希望它可以与一个或多个一起工作.我找不到任何提示它不能仅与之配合使用的东西，所以我在这里问这是否正常且符合规范? HTML: ..
发布时间：2021-05-14 19:49:28 前端开发