控制div属性

来源:互联网 发布:mac怎么调出所有应用 编辑:程序博客网 时间:2024/06/03 04:54
//首先创建公式,然后将需要改变的样式定义为数组,利用for循环查找位置,达到点击按钮改变相对应的样式。<script>    var changeStyle = function(elem, attr, value) {        elem.style[attr] = value    };    window.onload = function() {        var obtn = document.getElementsByTagName("input");        var oDiv = document.getElementById("box");        var oAtt = ["width", "height", "background", "display", "display"];        var oVal = ["200px", "200px", "red", "none", "block"];        for (var i = 0; i < obtn.length; i++) {            obtn[i].index = i;            obtn[i].onclick = function() {                this.index == obtn.length - 1 && (oDiv.style.cssText = "");                changeStyle(oDiv, oAtt[this.index], oVal[this.index])            }        }    };    </script>
0 0
原创粉丝点击