如何在Javascript中使用getElementById获取动态ID?

see*_*edg 5 javascript

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

但是,当我放一个变量时,它不起作用,如下所示:

var = myVar;
myVar = 'test';

document.getElementById(myVar);
Run Code Online (Sandbox Code Playgroud)

我该如何实现呢?

非常感谢

use*_*716 7

你的语法错了.

这个:

var = myVar;
Run Code Online (Sandbox Code Playgroud)

应该:

var myVar;
Run Code Online (Sandbox Code Playgroud)

所以你有:

var myVar;
myVar = 'test';

document.getElementById(myVar);
Run Code Online (Sandbox Code Playgroud)

然后,您可以将代码放在一个onload以确保元素可用.

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

window.onload = function() {

    var myVar;
    myVar = 'test';

    var element = document.getElementById(myVar);

    alert(element.innerHTML);
};
Run Code Online (Sandbox Code Playgroud)


med*_*iev 2

如果您在元素呈现后执行此操作,可以将其添加到 window.load、DOM 就绪的回调中,或者将脚本放在 HTML 中的元素后面,那么它将正常工作。

window.onload = function() {
    var el = 'bla'; document.getElementById(el).style.display='none';
}
Run Code Online (Sandbox Code Playgroud)