Anonymous

<html>
<head>
<title></title>
<script type="text/javascript">
var keys = null;
keys = new Array();
keys[0] = "one";
keys[3] = "four";
keys[1] = "two";
keys[5] = "six";

function apply_array()
{
	document.getElementById("a2").innerHTML=keys[3];
	document.getElementById("a2").className="changed";
}

</script>
<style type="text/css">
 .normal
 {
	height:50px;
	width:50px;
	background-color:orange;
	color:black;
	padding:3px;
	border:1px solid white;
 }
 .changed
 {
	height:50px;
	width:50px;
	background-color:purple;
	color:white;
	border:1px solid white;
	padding:3px;
 }

</style>
</head>
<body onload="apply_array();">
<div id="a1" class="normal">a</div>
<div id="a2" class="normal">b</div>
<div id="a3" class="normal">c</div>
<div id="a4" class="normal">d</div>
<div id="a5" class="normal">e</div>
<div id="a6" class="normal">f</div>
</body>
</html>