[JavaScript] JavaScript动态改变div属性的方法 →→→→→进入此内容的聊天室

来自 , 2019-08-12, 写在 JavaScript, 查看 95 次.
URL http://www.code666.cn/view/f81398ac
  1. <script type="text/javascript">
  2.     var oBox = document.getElementById('box');
  3.     var oDiv = document.getElementById('div1');
  4.     var aInput = document.getElementsByTagName('input');
  5.     var aAttr = ['width', 'height', 'backgroundColor', 'display', 'display'];
  6.     var aValue = ['200px', '200px', 'red', 'none', 'block'];
  7.     for(var len=aInput.length,i=0;i<len;i++){
  8.         aInput[i].index = i;  //索引
  9.         aInput[i].onclick = function(){
  10.             //重置按钮,cssText清空DIV属性
  11.             if(this.index == aInput.length - 1)oDiv.style.cssText = "";
  12.             //设置DIV属性
  13.             property(oDiv, aAttr[this.index], aValue[this.index]);
  14.         };
  15.     }
  16.     //控制DIV属性
  17.     function property(obj, attr, value){
  18.         obj.style[attr] = value;
  19.     }
  20. </script>
  21. //javascript/2139

回复 "JavaScript动态改变div属性的方法"

这儿你可以回复上面这条便签

captcha