JavaScript动态改变div属性的实现方法

本文实例讲述了JavaScript动态改变div属性的实现方法。分享给大家供大家参考。具体如下：
这里可以通过JS动态改变div属性，样式等

<script type="text/javascript">var oBox = document.getElementById（"box"）;var oDiv = document.getElementById（"div1"）;var aInput = document.getElementsByTagName（"input"）;var aAttr = ["width", "height", "backgroundColor", "display", "display"];var aValue = ["200px", "200px", "red", "none", "block"];for（var len=aInput.length,i=0;i<len;i++）{aInput[i].index = i; //索引aInput[i].onclick = function（）{//重置按钮,cssText清空DIV属性if（this.index == aInput.length - 1）oDiv.style.cssText = "";//设置DIV属性property（oDiv, aAttr[this.index], aValue[this.index]）;};}//控制DIV属性function property（obj, attr, value）{obj.style[attr] = value;}</script>

希望本文所述对大家的javascript程序设计有所帮助。