CODEWITHSUNDEEP
javascript
seedg
seedg

Reputation: 21935

How do you get a dynamic id with getElementById in Javascript?

I need to get a dynamic value in the document.getElementById in Javascript.

However, when I put a variable it does not work, like so:

var = myVar;
myVar = 'test';

document.getElementById(myVar);

How can I implement this?

Many thanks

Upvotes: 8

Views: 53874

Answers (3)

meder omuraliev
meder omuraliev

Reputation: 186562

It will work properly if you do it after the element has rendered, either by adding it in a callback on window.load, DOM ready, or put the script after the element in the HTML.

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

Upvotes: 2

user113716
user113716

Reputation: 322502

Your syntax is wrong.

This:

var = myVar;

should be:

var myVar;

So you'd have:

var myVar;
myVar = 'test';

document.getElementById(myVar);

Then you can place the code in an onload to make sure the element is available.

Example: http://jsfiddle.net/kARDy/

window.onload = function() {

    var myVar;
    myVar = 'test';

    var element = document.getElementById(myVar);

    alert(element.innerHTML);
};

Upvotes: 8

EMMERICH
EMMERICH

Reputation: 3474

Were you supposed to have that equals? It should be:

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

Upvotes: 1

Related Questions