querySelectorAll没有工作，但querySelector做了 [英] querySelectorAll didn't working but querySelector did

问题描述

对Chrome进行简单的扩展。
将querySelector更改为querySelectorAll时，第二个函数不起作用。

  var ele2 = document.querySelectorAll （。查看次数 ）; 
 window.onload = function（）{
 func2（）; 
} 
 
函数func2（）{
 ele2.innerHTML = ele2.innerHTML.trim（）; 
 ele2.innerHTML = ele2.innerHTML.slice（0，-14）; 
 ele2.textContent =$+ ele2.innerHTML.replace（/& nbsp; / g，''）; 
} 
  

解决方案： $ b $ （x = 0; x

  （x，0; x  for（x = 0; x   

解决方案

querySelectorAll 返回节点集合，而不是 querySelector ，它返回一个单一节点。

要获得集合中的节点，您必须通过索引引用它。

  ele2 [0] .innerHTML = ele2 [0] .innerHTML.trim（）; 
  

Making simple extension for chrome. Second function didn't work when changing "querySelector" into "querySelectorAll".

  var ele2 = document.querySelectorAll(".view-count ");
   window.onload = function(){
        func2();
  }

function func2(){
    ele2.innerHTML = ele2.innerHTML.trim();
    ele2.innerHTML = ele2.innerHTML.slice(0, -14);
    ele2.textContent = "$" + ele2.innerHTML.replace(/ /g,' ');
    }

Solution :

for (x=0;x<ele2.length;x++){ele2[x].innerHTML = ele2[x].innerHTML.trim();}
for (x=0;x<ele2.length;x++){ele2[x].innerHTML = ele2[x].innerHTML.slice(0, -14);}
for (x=0;x<ele2.length;x++){ele2[x].textContent = "$" + ele2[x].innerHTML.replace(/&nbsp;/g,' ');}

解决方案

querySelectorAll returns a collection of nodes as opposed to querySelector which returns a single node.
To get to a node in the collection you'll have to reference it via an index.

ele2[0].innerHTML = ele2[0].innerHTML.trim();

这篇关于querySelectorAll没有工作，但querySelector做了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！