jjzjj

querySelectorAll

全部标签

javascript - 如何在 Nightwatch 中遍历 querySelectorAll 结果

我似乎找不到在Nightwatch中遍历节点列表的innerHTML的正确语法。我试图返回包含在页面正文内容中的每个“a”标签的网址,但我无法找到一种方法来访问我在Nightwatch中的querySelectorAll命令的结果。browser.execute(function(){returndocument.querySelectorAll("div.field-item.evena");},function(tags){console.log(tags.value);console.log(tags.value[9]);})我正在测试的页面上有10个链接。查询选择器似乎正在检索

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - 如何将 querySelectorAll() 函数添加到 IE <= 7 的元素?

使用thisarticle中的代码我已经在IE7中成功地将querySelectorAll添加到document。但我需要在element而不是document上使用它,如下所示:varcontainers=document.querySelectorAll('.container');//Worksfor(vari=0;i有没有办法将querySelectorAll添加到IE7中的元素,而不仅仅是添加到document? 最佳答案 非常有趣的问题。我倾向于为此使用库,例如​​jQuery,下面提到的之一,Closure,或anyo

javascript - 如何让 .querySelectorAll() 或 .forEach() 在 Firefox 中工作?

我想删除类为sample的所有元素。这在Chrome和Safari中运行良好:document.querySelectorAll('.sample').forEach(function(e){e.parentNode.removeChild(e);});这是我在Firefox中遇到的错误:TypeError:document.querySelectorAll(...).forEachisnotafunction 最佳答案 document.querySelectorAll返回一个像数组一样索引的NodeList,但不是数组,因此您不

javascript - querySelectorAll 上的 forEach 在最近的 Microsoft 浏览器中不起作用

我正在制作一个用于选择产品(颜色等)的脚本,它适用于除InternetExplorer(11)和Edge之外的所有浏览器。我将每个参数的选择放在一个数组中,并使用array.forEach()方法对它们应用一个函数。颜色参数示例:varcolor_btns=document.querySelectorAll('#color>p');color_btns.forEach(function(color){color.onclick=function(){color_btns.forEach(function(element){if(element.classList.contains('s

javascript - 如何选择相同类型的第n个元素

我想从所有td中选择第n个td,我该怎么做?我知道我可以用document.querySelectorAll("td")[nth]来做到这一点,但我正在寻找一种纯css方式。我尝试了document.querySelectorAll("td:nth-child(77)"),但结果不是document.querySelectorAll("td")[77]确实如此。 最佳答案 varresult=document.querySelectorAll("tabletd:nth-of-type(2)");console.log(result)

javascript - 使用 querySelectorAll 选择多个元素

我有这段代码:varrequiredFields=el.querySelectorAll("input[required]:not(:disabled):not([readonly]):not([type=hidden])");如果我想将textarea和select添加到查询中,我会这样结束:varrequiredFields=el.querySelectorAll("input[required]:not(:disabled):not([readonly]):not([type=hidden])"+",select[required]:not(:disabled):not([rea

javascript - 查询选择器全部 : manipulating nodes

据我所知,querySelector返回一个真正的可变元素,而querySelectorAll返回一个非实时静态节点集。我想调整适合特定选择器的所有元素的样式。它适用于querySelector的第一个元素,但不适用于所有querySelectorAll的匹配元素。我想那是因为节点集是非事件的。有解决办法吗?还是我遗漏了什么? 最佳答案 问题是querySelector返回单个节点。querySelectorAll返回一组节点(active意味着如果您更新它们,集合中的元素不会被删除)。您需要为每个匹配的元素设置一个样式,可能需要一

javascript - 何时使用 querySelectorAll

在我写的一段示例代码中varas=toArray(document.getElementsByClassName("false")).filter(function(el){returnel.tagName==="A";});我在想我可以用代替它varas=document.querySelectorAll("a.false");在阅读了以下事实之后假装浏览器支持不是问题(我们有shim和polyfill)。假装您不在您应该使用QSA获取每个元素的通用jQuery思维模式中。我打算写qsa而不是document.querySelectorAll因为我很懒。问题:我什么时候应该优先使用Q

javascript - 是否可以像 getElementsByTagName 一样让 querySelectorAll 生效?

getElementsByTagName()有2个很棒的特性:速度快且实时。但是,如果我想获得pstrong怎么办。当然,我可以再次使用getElementsByTagName()优化选择,但我不会失去新p标签的实时效果吗?有没有办法将querySelectorAll变成实时选择器?或者...有没有一种方法可以使用getElementsByTagName()和getElementsByClassName()创建一个以类似方式工作的函数(至少对于后代)作为querySelectorAll但正在直播? 最佳答案 考虑使用突变观察器。使用