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

最新推荐文章于 2023-05-31 09:08:13 发布

涛歌依旧

最新推荐文章于 2023-05-31 09:08:13 发布

阅读量1.9w

点赞数 3

分类专栏： S1: Web

本文链接：https://blog.csdn.net/stpeace/article/details/26965571

版权

S1: Web 专栏收录该内容

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

关注博主即可阅读全文