html ID尽量别用数字开头

本文主要是介绍html ID尽量别用数字开头，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id

其实这里说的很清楚了。

id建议尽量用字母开头，用数字或者-开头总会有一些奇怪的表现，或者使用上的不便。

比如id为 4c9bf34 （刚好遇到代码里的富文本数据里出现了数字开头的id，又刚好在使用document.querySelector('#4c9bf34') 时获取不到dom，当然改用属性选择器`[id=xxxx]`就可以获得了。或者用document.getElementById('xxxx')

var oid = '4c9bf34';
document.getElementById(oid) // worked
document.querySelector(`#${oid}`) // not worked
document.querySelector(`[id='${oid}']`) // worked

在一系列调试过程中，也看到了一些奇怪现象，在devtool element上选择dom后，点击增加样式时，生成的选择器长这样

div#\34 c9bf34{}

这点css有提到 Syntax and basic data types，数字开头的id选择器，需要转义一下才能对准。

其实就是，尽量id取值尽量用字母开头，如果刚好id取值是从某些数据来的，你又不能保证这些数据是字母开头的，我们大可以统一给一个，比如'id_'这样来组装，这样能省不少麻烦。

这篇关于html ID尽量别用数字开头的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---