黑马程序员技术交流社区

标题: dom问题……求助！ [打印本页]

作者: 丁官林 时间: 2012-4-17 19:21
标题: dom问题……求助！
本帖最后由丁官林于 2012-4-18 09:51 编辑

<head>
<title>练习</title>
<script type="text/javascript" >
      function f1() {
         var inputs = document.getElementsByName("input");
         for (var i = 0; i < inputs.length; i++) {
            var input = inputs;
            input.onfocus = f2;
            input.onblur = f3;
         }
      }
      function f2() {
         this.style.background = "red";
      }
      function f3() {
         this.style.background = "white";
      }
</script>
</head>
<body>
<input type="text"  /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
</body>
大侠们，帮办忙，看看我哪里出错了？{:soso_e183:}

作者: 孙杰 时间: 2012-4-17 19:53
document.getElementsByTagName("input") 吧
document.getElementsByName("a1")<input type="" name=“a1”/>这样用的

作者: 莫洪刚 时间: 2012-4-17 22:35
var inputs = document.getElementsByName("input");获得的长度是0
应该是var inputs = document.getElementsByTagName("input");才对

var inputs = document.getElementsByTagName("input");
         for (var i = 0; i < inputs.length; i++) {
            inputs[i].onfocus = function () {
                  this.style.background = "red";
            }
            inputs[i].onblur = function () {
                  this.style.background = "white";
            }
         }

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2