Object Only Lets Me Read Properties

[jjacquay712]

<script type="text/javascript">
<!--
var game = null;
var spaces = new Array();

function piece( start_space, axis, length ) {
for ( var n = 0; n < length; n++ ) {
	if ( axis == "x" ) {

	} else {
		spaces[start_space + (6 * n).style.backgroundColor = "red"; // Doesn't effect the color, will only let me "read" the property
	}
}
}

window.onload = function() {
game = document.getElementById("game");

for ( var n = 0; n < 36; n++ ) {
	game.innerHTML += "<div style=\"width: 30px; height: 30px; background-color: grey; float: left;\">" + n + "</div>";
	spaces[n] = game.childNodes[n];
}

var pieces = new piece( 2, "y", 3);

}
-->
</script>

 

When I try to access one of the objects on the page, via the spaces array, it will only let me read values. When I try to change them, nothing happens. I populate the array by spaces[n] = game.childNodes[n];

 

What could the problem be?

 

Thanks, John

[corbin]

spaces[start_space + (6 * n).style.backgroundColor = "red";

 

 

You don't have a closing ].

 

 

spaces[start_space + (6 * n)].style.backgroundColor = "red";

[jjacquay712]

Woops, I must have messed that up when I pasted it in. I fixed it, and I still have the same problem.