for loop with CSS background color

[galvin]

Pretty new to javascript so just curious if anyone sees anything blatantly wrong with this code snippet below.

 

I definitely have a DIV with an id of "answer1" that has a background color of "#eeeeee", but its not getting changed to white.  Even if i change the code to something like "!== 'purple'" (for testing since I have nothing with a purple bg), it still doesnt work. ...

 

	for (var i = 0; i <= 8; i++) {
		if (document.getElementById('answer'+i).style.backgroundColor == '#eeeeee') {
			document.getElementById('answer'+i).style.backgroundColor = '#ffffff';
		}

	}

 

[.josh]

different browsers render what you put differently. For instance, it could shorten it to '#eee' or do it as rgb(value,value,value), or '#eeeeee' or 'eeeeee'.  Try adding the following to your loop (not inside the condition):

 

alert(document.getElementById('answer'+i).style.backgroundColor);

 

look at what the value actually is (and compare in different browsers and versions that you are coding for).

[galvin]

cool thanks.  Chrome and firefox are seeing it as "rgb(238, 238, 238)" while IE is seeing it as "#eeeeee"

why can't all browsers agree on one format