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

Javascript 通过queryselector遍历JS中的所有条目,javascript,Javascript,我想从这页上得到一些信息。 如果有一个条目,我可以通过 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

我想从这页上得到一些信息。 如果有一个条目,我可以通过

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,你能帮我如何获取所有条目吗?

用你的实际代码,你没有在循环中执行任何操作,语句x[I].innerText;什么也不做

如果要获取数组中的这些元素内容,可以使用:

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

您的代码看起来不错,下面是一个可能有用的示例

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

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

你的代码出了什么问题?在您提供的示例中,您正在获取值,但没有对其执行任何操作。

您可以通过使用getElementsByClassName'class'来实现这一点。 脚本应该是:

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

在一个文档中只能有一个id,使用类而不是标题值在文档中必须是唯一的。哦,实际上我使用的是类,只是想简单地显示一个示例,您似乎获得了所有id,只是没有对它们做任何处理。尝试提供一个示例,告诉我们预期结果和实际结果之间的差异;该怎么办?它获取元素的内部文本,然后不做任何处理。不,不,我已经编辑了我的帖子。这只是一个例子。实际上,它是一个类,而不是ID。因为我想稍后在window.open中获取这些值http://link.com/calculate?something=“+x”,空白,宽度=750,高度=850;它在queryselector中是这样工作的,但在基于queryselector的第二个代码中不是这样的。您知道如何使它正确吗?您的链接似乎断开了。对于您的示例,我希望稍后在窗口中获取这些值。open'http://link.com/calculate?something=“+x”,空白,宽度=750,高度=850;它与queryselector类似,但与基于queryselectorall的第二个代码不同。你有没有办法让它变得正确?@jampjamp创建一个列表theValues=[],并用values.pushx[i].innerText将这些值添加到其中。然后使用for循环对这些值进行迭代