Question

对chrome进行简单扩展。第二个功能在更改＆＃34; querySelector＆＃34;时没有用。进入＆＃34; querySelectorAll＆＃34;。

  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(/&nbsp;/g,' ');
    }

解决方案：

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,' ');}

Answer 1

querySelectorAll返回节点集合，而不是返回单个节点的querySelector 要访问集合中的节点，您必须通过索引引用它。

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

Answer 2

querySelector根据参数值返回第一个查询。 querySelectorAll以类似数组的结构返回列表。要获取列表中的单个元素，请使用index。精通，

ele2[0]  // first iteration
ele2[1]  // second iteration

querySelectorAll没有工作，但querySelector做了

2 个答案: