Question

我试图从页面中获取一些信息。如果有一个条目我可以通过

来完成

var z = document.querySelector('div.class').innerText;

然后在我需要值的地方+z获取它。

但是如果有更多的条目，它将只获得第一个。我试图这样做才能得到所有这些：

var x = document.querySelectorAll('div.class');
var i;
for (i = 0; i < x.length; i++) {
    x[i].innerText;
}

但这个代码肯定有问题。我对JS不是很熟悉，你能帮我解决一下这些问题吗？

Answer 1

您可以使用getElementsByClassName（'class'）来实现这一点。该脚本将是：

WindowsAPICodePack

https://jsfiddle.net/esjcaqwb/

Answer 2

使用您的实际代码，您在循环中没有做任何事情，语句x[i].innerText;什么都不做。

如果您想在array中获取这些元素内容，可以使用：

var results = Array.from(x).forEach(function(el){
   return el.innerText;
});

Answer 3

您的代码看起来不错，可能会有用working example。

var x = document.querySelectorAll('.example');
var r = document.querySelectorAll('.result')

var i;
for (i = 0; i < x.length; i++) {
    r.innerText += x[i].innerText;
}

您的代码出了什么问题？在您提供的示例中，您获得了值，但没有使用它。

通过queryselector浏览JS中的所有条目

3 个答案: