JavaScript instance code: JS Control div attribute

Article Introduction: Click on the button to change the Div property, by clicking on a different button to set the div style.

Click on the button to change the Div property, by clicking on a different button to set the div style.
The code is as follows:

<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;//Index
Ainput[i].onclick = function () {
//reset button, csstext empty div attribute
if (This.index = = ainput.length-1) ODiv.style.cssText = "";
//Set div property
Property (Odiv, Aattr[this.index], Avalue[this.index]);
};
}
//Control div attribute
Function property (obj, attr, value) {
OBJ.STYLE[ATTR] = value;
}
</script>