Greasemonky：如何 return 计算特定 div class 的值？

Question

假设我在页面上有以下内容：

<div class="data-container">John</div>
<div class="data-container">Dave</div>
<div class="data-container">Bob</div>

我如何在 greasemonkey 中使用 javascript 来计算每个 "data-container" class，提取值（即 John）并将此信息显示为弹出窗口？像这样：

1) John
2) Dave
3) Bob

这是我目前无法使用的内容：

 var elements = document.getElementsByClass("data-container");
for(var i=0;i<elements.length;i++){

document.body.innerHTML= document.body.innerHTML.replace(/<div class=\"data-container\">/g,"<p style=\"text-align: center;\"><span style=\"font-size:16px;\"><strong><span style=\"background-color:#ffff00;\">"+ elements[i].className + "</span></strong></span></p><div class=\"data-container\">");
}

编辑
谢谢你！这是我当前的工作代码：

var elements = document.getElementsByClassName("data-container");
var contents = [];
var run = [];


for (var i = 0; i < elements.length; i++) {
contents += elements[i].textContent;
run += i;
final = run + contents;
}

alert(JSON.stringify(final));

它产生：

0123johndavebobevan

这是 0,1,2,3 & 约翰、戴夫、鲍勃、埃文

关于如何正确配对然后在其中添加“\n”的任何想法？

Answer 1

var elements = document.getElementsByClass("class");
var contents = [];

for (var i = 0; i < elements.length; i++) {
    contents += elements[i].textContent;
}

//contents 将是一个包含示例中给出的名称的数组。

Greasemonky：如何 return 计算特定 div class 的值？

Greasemonky: How to return count and value of specific div class?

javascript

greasemonkey