Is this possible: document.+variable+.style.+variable?

**nailyener** · 12-25-2012 06:44 AM

Hi,

Is it possible to have something like the following?

Code:

document.VARIABLE1.style.VARIABLE2 = (some color);

Thanks for any ideas.

**firesnaker** · 12-25-2012 09:56 AM

I am not sure why you would want to do that, but yes, it is possible.

Just make sure it is the right syntax. And you reference by "id", not by "name".

It makes a lot more sense to simply use document.getElementById() then continue from there.

For example, you have some elements called "element1", "element2", "element3".

You want to put different value for each of them.

HTML Code:

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div id="element1">1</div>
<div id="element2">2</div>
<div id="element3">3</div>

<script>
for (i = 1; i < 4; i++)
{
   var someelement = document.getElementById("element" + i);
   alert(someelement.innerHTML);
}

</script>



</body>
</html>

Note the position of the <script> is after the <div>. Putting <script> at the top will not work, because the div cannot be identified.

You can check out www.w3schools.com if you want to learn about javascript. It has saved my coding life several times. I learn a lot from that website.

You can also check for any errors using the Javascript Error Console, just look for it under "Tools" and look for "Error Console" or "Javascript Console" or something like that. I do use it frequently to debug javascript code on Chrome and Firefox.

Good Luck!

**ReFreezed** · 12-27-2012 09:18 AM

A short example:

Code:

<div id="someElement">Hello</div>
<div id="anotherElement">World</div>
<script>

	function setStyle(elementId, styleName, value) {
		var element = document.getElementById(elementId);
		element.style[styleName] = value;
	}
	setStyle('someElement', 'border', '2px solid blue');
	setStyle('anotherElement', 'backgroundColor', 'red');

</script>

Thread: Is this possible: document.+variable+.style.+variable?

Thread Tools

Display

Is this possible: document.+variable+.style.+variable?

Yes, you can

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions