JavaScript对象当作关联数组
摘要：JavaScript的对象不仅仅可以使用“.propertyName” 来访问对象的属性，也可以使用“[propertyName]”来访问对象的属性。
JavaScript代码
使用关联数组的方法访问对象的属性比使用传统的点“.propertyName”要灵活得多。因为我们可以在[]里填入一个变量，而不是必须事先制定好要访问的属性名。例如下面的这段代码中，我们通过select元素的name属性来设置具体要访问style的哪个属性（本例中为背景色），这样，这个函数就可以用来设置不同的CSS属性了。
<script type="text/javascript">
var d = document.getElementById("content");
function setProperty(){
var sel = document.getElementById("selectColor");
var propertyValue = sel.options[sel.selectedIndex].value;
var propertyName = document.getElementById("selectColor").name;
d.style[propertyName] = propertyValue;
}
</script>
HTML代码
本例的HTML代码比较简单，一个select元素用来罗列出来可选的背景色。而按钮则负责触发事件，调用函数。
<select id="selectColor" name="backgroundColor">
<option value="aqua">aqua</option>
<option value="black">black</option>
<option value="blue">blue</option>
<option value="fuchsia">fuchsia</option>
<option value="gray">gray</option>
<option value="green">green</option>
<option value="lime">lime</option>
<option value="maroon">maroon</option>
<option value="navy">navy</option>
<option value="olive">olive</option>
<option value="purple">purple</option>
<option value="red">red</option>
<option value="silver">silver</option>
<option value="teal">teal</option>
<option value="white">white</option>
<option value="yellow">yellow</option>
</select>
<button onclick="setProperty(); return false;">设置背景颜色</button>
效果
