更新众多div的文本

时间:2013-06-28 22:43:17

标签: javascript

我意识到这可能是一个愚蠢的问题,我提前道歉,但我希望有一个更简单的方法来做到这一点。 例如,如果我像这样设置div的文本:

divOne.textContent = someVariable + "/5";

我有大约60个div,就像一个div容器中的单元格一样。有没有什么办法可以更新文本值而无需每次都手动调用它?问题不在于他们一个接一个地更换单元格时,就是当他们按下重置按钮时。有没有办法在不写60行文字的情况下做到这一点?唯一的解决方案是:

divOne.updateText = function() { this.textContent = someVariable + "/5"; }

这甚至可以成为一个好的解决方案吗?创建60个额外的参数,每个参数都有一个功能过度杀伤?

非常感谢有关此主题的任何信息,提前感谢。

编辑:

我没有使用for循环开始的原因是因为每个单元格具有不同的最大值,也就是来自someVariable +“/ 5”的5。我是在问你的评论之后,但是如果做这样的事情会更好,但是:

someDiv[0].max = 5
someDiv[i].textContent = someDiv[i].points + "/" + someDiv[i].max;
//the above would be inside a for loop.

执行.updateText = function

1 个答案:

答案 0 :(得分:1)

根据您的评论,您可以使用for循环遍历数组。

var someDiv = [];

// Fill array with elements

for (var i = 0, len = someDiv.length; i < len; i++) {
  someDiv[i].textContent = someDiv[i].points + "/" + someDiv[i].max;
}