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

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

sjhfkhsf

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

阅读量2.7k

点赞数

本文链接：https://blog.csdn.net/sjhfkhsf/article/details/84003503

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/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>