javascript - 通过queryselector遍历JS中的所有条目

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') 来实现这一点。该脚本将是这样的:

let list = document.getElementsByClassName('class');
for (let i = 0; i < list.length; i++) {
    console.log(list[i].innerText);
}

https://jsfiddle.net/esjcaqwb/