Question

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

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

如何在greasemonkey中使用javascript来计算每个“数据容器”类，提取值（即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\">");
}

修改
谢谢cbwll！这是我目前的工作代码：

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＆amp;约翰，戴夫，鲍勃，埃文

关于如何让它们正确配对的任何想法然后在那里得到“\ n”？

Answer 1

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

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

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

Greasemonky：如何返回特定div类的计数和值？

1 个答案: