jjzjj

querySelectorAll

全部标签

javascript - querySelectorAll,通配符元素匹配?

我正在使用document.querySelectorAll()我知道[id^='id1']将匹配所有以id1开头的ID。[id$='textBox']将匹配所有以textBox结尾的ID。但我想要这两者的结合。这就是我想要做的事情:document.querySelectorAll('[idshouldshartwithid1andendingwithtextBox]')这可能吗? 最佳答案 有可能combineselector通过没有任何空格的连接。document.querySelectorAll("[id$='textBox

javascript - array.forEach.call 与 array.map.call

要在JavaScript中遍历querySelectorAll的结果,以下哪一项比另一项更可取?[].forEach.call(document.querySelectorAll('div'){//dosomething})[].map.call(document.querySelectorAll('div'){//dosomething})本质上,我想知道这些是否都实现了提供对从querySelectorAll返回的每个dom元素的访问的相同结果。如果是这样,人们可能想要使用一个而不是另一个的原因是什么? 最佳答案 forEach

javascript - 检查 `querySelectorAll` 返回值的正确方法是什么?

当使用querySelectorAll时,检查它是否返回任何元素的正确方法是什么?它返回无法检查false的内容。这似乎不起作用:varelements=document.querySelectorAll('.class');if(elements){//doesn'twork,`elements`isalwaystrue}现在我正在通过.length属性进行以下检查:varelements=document.querySelectorAll('.class');if(elements.length){//querySelectorAllreturnedDOMelements}你是这样

javascript - IE9 相当于 querySelectorAll

我在FF或Chrome中没有遇到任何问题,但IE9在这个方法上发现了一个错误。我认为我可以使用它,因为它已在此处显示受支持:http://www.quirksmode.org/dom/w3c_core.html然而,实际情况似乎并非如此。话虽如此,我可以用什么代替它?编辑:这是它失败的确切行:varmaximize_buttons=document.querySelectorAll(".maximize");那是我第一次尝试使用querySelectorAll()。浏览器版本号为9.0.8112.16421编辑(再次):我已经在两台不同的计算机上验证了这个错误。但是,它们有一个共同点—

DOM元素数组的Javascript拼接

varmyArray=[];myArray=document.querySelectorAll('.selected');当我调用myArray.splice-它是未定义的。我怎样才能避免这种情况?我需要从该数组中删除一些DOM元素。 最佳答案 问题是querySelectorAll(..)返回一个节点列表(NodeList)--而不是标准的JS数组。也许你想要像下面这样的东西:Array.prototype.slice.call(document.querySelectorAll('.selected'),,);更新我错过了您要删

javascript - document.querySelectorAll 长度始终为 0

我正在尝试在javascript中创建一些可拖动的框。我决定在CSS中创建一个“可拖动”的空类和一个“框”类。代码如下:.draggable{}.box{position:absolute;width:80px;height:60px;padding-top:10px;text-align:center;font-size:40px;background-color:#222;color:#CCC;}123vardraggableStuff=document.querySelectorAll('draggable');vartabLength=draggableStuff.length

javascript - querySelectorAll - 获取所有具有属性集的标签?

例如,我需要一个包含所有设置了id属性的标签的列表(它可以是任何其他属性,id只是一个例子)。 最佳答案 试试这个:document.querySelectorAll('[id]') 关于javascript-querySelectorAll-获取所有具有属性集的标签?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8694460/

javascript - 使用 querySelectorAll 时,是否可以在不使用 ID 的情况下引用上下文节点的直接子节点?

假设我有一个像这样的HTML结构要使用querySelectorAll查询“a”的child,我可以做类似的事情//Get"b",butnot"c"document.querySelectorAll('#a>div')我的问题是:是否可以在没有ID的情况下直接引用节点来执行此操作?我试过做vara_div=document.getElementById('a')a_div.querySelectorAll('>div')//但我收到一条错误消息,告诉我我使用的选择器无效。如果有人想知道,我的实际用例会更复杂,例如“>.foo.bar.baz”,所以我宁愿避免手动DOM遍历。目前我正在向

javascript - 如何在 tbody 中遍历 td?

TEST1TEST2TEST3TEST4我有上面的代码,我想遍历td,因为遍历表中的tbodies是这样的:vartable1=document.getElementById('firstTable');for(inti=0;i我如何在tdinsidetbodies中做到这一点?编辑:我在表中有多个tbodies,我已经尝试了一些类似的代码(它遍历了所有tbodies)并在我提出问题之前发布在这里。再次编辑:最终代码:functionsampleFunc(){varx="";vartds=document.querySelectorAll('#SAMPLETBODYtd'),i;for

javascript - 合并 querySelectorAll 返回的两个元素列表

我想合并由document.querySelectorAll返回的两个元素列表下面是我试过的但是效果不好:varca=document.querySelectorAll(".classA");ca=ca+document.querySelectorAll(".classB");我需要合并元素列表,因为我需要在FOR循环中只使用一个列表:for(vari=0;i如何正确合并两个这样的列表? 最佳答案 你也可以这样做varca=document.querySelectorAll(".classA,.classB");