先来看简单的代码:
<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定义为纯数字,否则到时候又不知道哪里出错了。