先来看简单的代码:

 

<html>
<head>
</head>

<body>
<input id="x" onblur="fun();" />

<script>
function fun()
{
	var str = document.all.x.value;
	alert(str);
}
</script>

</body>

</html>

       上面代码是正确的, 当光标离开的时候, 会还有弹出框。 当然, 上面代码也可以写成:

 

 

<html>
<head>
</head>

<body>
<input id="x" onblur="fun();" />

<script>
function fun()
{
	var str = document.getElementById("x").value 
	alert(str);
}
</script>

</body>

</html>

 


      但是, 如果你写成下面这样的, 就得不到对应的结果了(我犯过此错误):

 

 

 

<html>
<head>
</head>

<body>
<input id="1" onblur="fun();" />

<script>
function fun()
{
	var str = document.all.1.value;
	alert(str);
}
</script>

</body>

</html>

       

 

      当然啦, 下面的又可以:

 

<html>
<head>
</head>

<body>
<input id="1" onblur="fun();" />

<script>
function fun()
{
	var str = document.getElementById("1").value 
	alert(str);
}
</script>

</body>

</html>


     

 

       看来, 写代码要养成好的习惯, 不要将id定义为纯数字,否则到时候又不知道哪里出错了。

 

                                     


本文转载:CSDN博客