关于onmouseover

想在页面加载时候，就把onmouseover,onmouseout也一并加载，因为按钮比较多，省的一个个写了，给个方法或者思路，多谢了

解决方案 »

  1.   

    onload中执行：
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == "button") {
            inputs[i].onmouseover = function() {
                this.style.color = "red";
            };
            inputs[i].onmouseout = function() {
                this.style.color = "";
            };
        }
    }
      

  2.   

    如果是可以找到body中的按钮保存到数组中
    循环addListeners()
      

  3.   

    <html>
    <body>
    <script>
    window.onload = function() {
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type == "button") {
    inputs[i].onmouseover = function() {
    this.style.color = "red";
    };
    inputs[i].onmouseout = function() {
    this.style.color = "";
    };
    }
    }
    };
    </script>
    <input value="txt" type="text"/>
    <input value="1" type="button"/>
    <input value="2" type="button"/>
    <input value="3" type="button"/>
    <input value="4" type="button"/>
    <input value="5" type="button"/>
    <input value="6" type="button"/>
    </body>
    </html>