为什么不要将html中的id设置为纯数字？

来源：互联网发布：多张图像拼接算法综述编辑：程序博客网时间：2024/05/17 06:57

先来看简单的代码：

<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定义为纯数字，否则到时候又不知道哪里出错了。

2 0