如何在 Javascript 中使用 getElementById 获取动态 id？

【问题标题】：How do you get a dynamic id with getElementById in Javascript?如何在 Javascript 中使用 getElementById 获取动态 id？
【发布时间】：2010-10-14 14:40:51
【问题描述】：

我需要在 Javascript 中的 document.getElementById 中获取一个动态值。

但是，当我放置一个变量时，它不起作用，如下所示：

var = myVar;
myVar = 'test';

document.getElementById(myVar);

我该如何实现？

非常感谢

【问题讨论】：

如果您的页面中有一个 ID 为 test 的元素，那应该可以。

标签： javascript

【解决方案1】：

你的语法错误。

这个：

var = myVar;

应该是：

var myVar;

所以你有：

var myVar;
myVar = 'test';

document.getElementById(myVar);

然后您可以将代码放在onload 中以确保该元素可用。

示例： http://jsfiddle.net/kARDy/

window.onload = function() {

    var myVar;
    myVar = 'test';

    var element = document.getElementById(myVar);

    alert(element.innerHTML);
};

【讨论】：

【解决方案2】：

如果您在元素渲染后执行此操作，它将正常工作，方法是在 window.load 的回调中添加它，DOM 准备好，或者将脚本放在 HTML 中的元素之后。

window.onload = function() {
    var el = 'bla'; document.getElementById(el).style.display='none';
}

【讨论】：

【解决方案3】：

你应该有那个平等的吗？应该是：

var myVar = 'test';
document.getElementById(myVar);

【讨论】：