javascript - document.getElementById(element).innerText = 变量

Question

我正在尝试编写一个循环来改进为网页上的 html 元素赋值的方式。

目前我使用......

document.getElementById("Season201516Score1").innerHTML = Game201516Score1;
document.getElementById("Season201516Score2").innerHTML = Game201516Score2;
document.getElementById("Season201516Score3").innerHTML = Game201516Score3;

等等......

变量是

var Game201516Score1= "L 0-2"
var Game201516Score2= "W 1-0"
var Game201516Score3= "D 2-2"

我使用的循环是

for (var i = 1; i <= 3; ++i) 
{
element = 'Season201516Score' + i
Score = ('Game201516Score' + i)
document.getElementById(element).innerText = Score;
}

到目前为止，它的工作原理是将文本放入页面上的正确元素中，而不是值“L 0-2”、“W 1-0” ”或“D 2-2”，它给出文本“Game201516Score1”、“Game201516Score2”和“Game201516Score3 ”。

有人可以告诉我我做错了什么吗？

Answer 1

你能将分数存储在数组中吗？像这样的东西 -

var Game201516Score = [];
Game201516Score[0]= "L 0-2"
Game201516Score[1]= "W 1-0"
Game201516Score[2]= "D 2-2"

for (var i = 0; i < 3; i++) 
{
   element = 'Season201516Score' + i
   document.getElementById(element).innerText = Game201516Score[i];
}