javascript - getElementById 变量 + 数字

Question

这是我的代码:

var num = 1;
var letter = 'a' + num;
var aLetter = document.getElementById(letter);

for (var x = 0; x < 10; x++) {
    alert(aLetter.innerHTML);
    num++;
}

这段代码的目的是按顺序提醒这些html标签的内容:

<span class="alphStyle" id="a1">a</span>
<span class="alphStyle" id="a2">b</span>
<span class="alphStyle" id="a3">c</span> ...

但它只提醒第一个标签内容，并不会进一步。

这是为什么？

Answer 1

您在范围之外声明了一个字母。

您需要使用递增的变量 x 来更新他。

var letter;
var aLetter;
for (var x = 0; x < 10; x++) {
    letter = 'a' + x;
    aLetter = document.getElementById(letter);
    alert(aLetter.innerHTML);
}