javascript - getElementById 变量 + 数字

标签 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++;
}

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

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

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

这是为什么?

最佳答案

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

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

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

关于javascript - getElementById 变量 + 数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42989393/

相关文章:

javascript - 使用 DES (Node.js) 将数据传递到 Cipher.update 时丢失数据

jquery - .delay divA,显示DivA时,自动隐藏DivB

div 的 HTML 值相互依赖

javascript - 从外部访问匿名函数内部的变量

javascript - 我的页面现在正在被查看吗?如何判断使用 Angular 还是普通 Javascript?

javascript - JS表单验证,无效字符?

javascript - 鼠标移出时淡出,除非在设定时间内鼠标悬停

javascript - 如何发送带有附加元数据的 html,以便 JS(ajax)知道如何处理响应?

html - Windows 8 输入[类型 ="range"] 样式

javascript - 如何使用 javascript 自动向下滚动,停止该功能,然后在 onClick 上滚动到顶部?