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

最新推荐文章于 2024-06-16 00:29:59 发布

原创最新推荐文章于 2024-06-16 00:29:59 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实例对比，展示了JavaScript中使用document.all与document.getElementById的区别，强调了避免使用纯数字作为元素ID的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

先来看简单的代码：

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

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow