Javascript 提取具有相同名称的多个div标记

如何使用标记“rating”从这个HTML中提取所有3个值

我试过：

document.getElementsbyTagName("rating")  
 var ratings = ratingPage.querySelector("div.rating").innerText;

这一个有效，但只适用于第一次出现的“评级”

弗斯特
4.2
第二
3.4
第三
1.9
这是因为您需要使用函数，因为您似乎是针对实际类而不是标记：

var ratings = document.getElementsByClassName('rating');

如果只想存储值，可以显式迭代此集合，并为每个值提取必要的HTML：

for(var r = 0; r < ratings.length; r++){
    // Set each value using ratings[r].innerHTML;
} 

这是因为您需要使用函数，因为您似乎是针对实际类而不是标记：

var ratings = document.getElementsByClassName('rating');

如果只想存储值，可以显式迭代此集合，并为每个值提取必要的HTML：

for(var r = 0; r < ratings.length; r++){
    // Set each value using ratings[r].innerHTML;
} 

var评级=document.querySelectorAll（“div.rating”）

或

var ratings=document.getElementsByClassName（“rating”）；//首选`
对于（变量i=0；i
var评级=document.querySelectorAll（“div.rating”）

或

var ratings=document.getElementsByClassName（“rating”）；//首选`
对于（变量i=0；i
您需要使用此选择器：

document.getElementsByClassName（“评级”）

此方法将返回文档中具有指定类名的所有元素的集合

您可以在此页面上阅读有关此选择器和用法的更多信息
您需要使用此选择器：

document.getElementsByClassName（“评级”）

此方法将返回文档中具有指定类名的所有元素的集合

您可以在此页面上阅读有关此选择器和用法的更多信息
您正在查找的
文档。GetElementsByCassName
您正在查找的
文档。GetElementsByCassName
您的第一个示例运行得非常好！第二个是首选的原因是什么？@jlee是的，性能，请参见此处的测试单击
运行测试
您的第一个示例运行得非常好！第二个是首选的原因吗？@jlee是的，性能，请参见此处的测试单击
runtests
var ratings = document.getElementsByClassName("rating"); // preferred`
for(var i = 0; i < ratings.length; i++) {
    console.log(ratings[i].innerText);
}