DOM问题

宋天琪

<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>
麻烦给看看哪里错了，新手不大懂

李后量 · 李后量

如楼上所说，var inputs = document.getElementsByName("input")这句有问题吧，试试改成getElementsByTagName，应该是根据标签来找元素数组吧。
而且下面那个循环里面是不是应该改成var input = inputs[i] 呢？试试吧

明光照 · 明光照

不对啊。 var inputs = document.getElementsByName("input");input不是这个文本框的名字啊。文本框没有定义名字啊。这是怎么回事啊。难道可以这样用吗

彭书雄 · 彭书雄

本帖最后由彭书雄于 2012-9-26 21:23 编辑

初步看了一下有两个错误
1.赋值input 应该是input=inputs；
2.获取元素集合的方法错误
inputs = document.getElementsByTagName(''input);
3.你这段代码没有调用
在开头处调用f1 函数即可
window.onload=function()

{

f1();

}
复制代码
其实想给相同表单添加同样一个方法可以使用委托直接在整个添加一个父级 div 标签然后通过给div 添加焦点事件子标签即可获得焦点事件，既然是新手，以后会学到，一点点来，猥琐这里只是提一下，有新区可以研究一下 {:soso_e130:}

帐号		自动登录	找回密码
密码			加入黑马

DOM问题

评分

3 个回复

input=inputs[i] 下面那么打错了，注意一下

评分

浏览过的版块