Javascript getElementById变量+;数

Javascript getElementById变量+;数,javascript,html,Javascript,Html,这是我的代码: var num = 1; var letter = 'a' + num; var aLetter = document.getElementById(letter); for (var x = 0; x < 10; x++) { alert(aLetter.innerHTML); num++; } var num=1; 变量字母='a'+num; var aLetter=document.getElementById(字母); 对于(变量x=0;x

这是我的代码:

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

for (var x = 0; x < 10; x++) {
    alert(aLetter.innerHTML);
    num++;
}
var num=1;
变量字母='a'+num;
var aLetter=document.getElementById(字母);
对于(变量x=0;x<10;x++){
警报(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> ...
a
B
C
但它只提醒第一个标签的内容,并没有进一步

为什么会这样?

范围

更新
num++
没有任何效果,因为它不再被使用,超出了循环的范围

请尝试以下方法:

var num=1;
对于(变量x=0;x<4;x++){
警报(document.getElementById('a'+num).innerHTML);
num++;
}
a
B
c
范围

更新
num++
没有任何效果,因为它不再被使用,超出了循环的范围

请尝试以下方法:

var num=1;
对于(变量x=0;x<4;x++){
警报(document.getElementById('a'+num).innerHTML);
num++;
}
a
B

c
您在范围外声明了一个更好的选项

你需要用递增的变量x来更新他

var letter;
var aLetter;
for (var x = 0; x < 10; x++) {
    letter = 'a' + x;
    aLetter = document.getElementById(letter);
    alert(aLetter.innerHTML);
}
var字母;
var-aLetter;
对于(变量x=0;x<10;x++){
字母='a'+x;
aLetter=document.getElementById(字母);
警报(aLetter.innerHTML);
}

您在范围之外声明了一个更好的选项

你需要用递增的变量x来更新他

var letter;
var aLetter;
for (var x = 0; x < 10; x++) {
    letter = 'a' + x;
    aLetter = document.getElementById(letter);
    alert(aLetter.innerHTML);
}
var字母;
var-aLetter;
对于(变量x=0;x<10;x++){
字母='a'+x;
aLetter=document.getElementById(字母);
警报(aLetter.innerHTML);
}

您只获得一次元素。。像这样更新代码

var num = 1;
var letter;
var aLetter;

for (var x = 0; x < 10; x++) {
    letter = 'a' + num;
    aLetter = document.getElementById(letter);
    alert(aLetter.innerHTML);
    num++;
}
var num=1;
var字母;
var-aLetter;
对于(变量x=0;x<10;x++){
字母='a'+num;
aLetter=document.getElementById(字母);
警报(aLetter.innerHTML);
num++;
}

您只获得一次元素。。像这样更新代码

var num = 1;
var letter;
var aLetter;

for (var x = 0; x < 10; x++) {
    letter = 'a' + num;
    aLetter = document.getElementById(letter);
    alert(aLetter.innerHTML);
    num++;
}
var num=1;
var字母;
var-aLetter;
对于(变量x=0;x<10;x++){
字母='a'+num;
aLetter=document.getElementById(字母);
警报(aLetter.innerHTML);
num++;
}
您需要移动:

var letter = 'a' + num;
var aLetter = document.getElementById(letter);
在for内部,否则其值不会更改^^

var num=1;
对于(变量x=0;x<3;x++){
变量字母='a'+num;
var aLetter=document.getElementById(字母);
警报(aLetter.innerHTML);
num++;
}
a
B
c
您需要移动:

var letter = 'a' + num;
var aLetter = document.getElementById(letter);
在for内部,否则其值不会更改^^

var num=1;
对于(变量x=0;x<3;x++){
变量字母='a'+num;
var aLetter=document.getElementById(字母);
警报(aLetter.innerHTML);
num++;
}
a
B

c
必须更改程序中的逻辑以获得所有html标记的警报:

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

for (var x = 0; x < 10; x++) {
    alert(aLetter.innerHTML);
    num++;
    letter = 'a' + num;
    aLetter = document.getElementById(letter);
}
var num=1;
变量字母='a'+num;
var aLetter=document.getElementById(字母);
对于(变量x=0;x<10;x++){
警报(aLetter.innerHTML);
num++;
字母='a'+num;
aLetter=document.getElementById(字母);
}

请确保num不超过HTML标记的数量,并且这可以通过“for loop”中的x来控制。

必须更改程序中的逻辑以获得所有HTML标记的警报:

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

for (var x = 0; x < 10; x++) {
    alert(aLetter.innerHTML);
    num++;
    letter = 'a' + num;
    aLetter = document.getElementById(letter);
}
var num=1;
变量字母='a'+num;
var aLetter=document.getElementById(字母);
对于(变量x=0;x<10;x++){
警报(aLetter.innerHTML);
num++;
字母='a'+num;
aLetter=document.getElementById(字母);
}

请确保num不超过HTML标记的数量,并且可以在代码
aLetter
ref到同一文档元素中使用x in“for loop”来控制此标记。

可控制此标记。在
for
循环中执行
getElementById
指令。另外,
num
var是多余的,因为
for
var
x
可以进行相同的作业

for(变量x=1;x<4;x++){
var aLetter=document.getElementById('a'+x);
警报(aLetter.innerHTML);
}
a
B

c
在您的代码中
aLetter
引用同一文档元素。在
for
循环中执行
getElementById
指令。另外,
num
var是多余的,因为
for
var
x
可以进行相同的作业

for(变量x=1;x<4;x++){
var aLetter=document.getElementById('a'+x);
警报(aLetter.innerHTML);
}
a
B

c
@bleatinterteiment-很好,包含示例以帮助您看到其他可能性,请记住向上投票并接受答案,以便移到正确的区域:)@bleatinterteiment-很好,包含示例以帮助您看到其他可能性,请记住向上投票并接受答案,这样将移动到右侧区域:)您正在循环中增加
num
,但
letter
aLetter
仍将保持相同的值。您需要将变量放入循环中。您在循环中递增
num
,但
letter
aLetter
仍将保持相同的值。您需要将变量放入循环中。