javascript - HTML DOM元素给节点起ID class 的时候有什么讲究？

Question

HTML DOM元素给节点起ID class 的时候有什么讲究？比如ID能为234纯数字吗？能goods_id,goods-id包含下划线中划线吗？什么情况下会报错，或者无效？谢谢回答

Answer 1

我的讲究是：
id留给js，class是专门用来给css用的。
其它的讲究是有道在手，说走就走。规则是：
模块名称＋业务名称＋颗粒名称。
比如 .home-news-title
.detail-list
等等。
用中划线的原因是，实在懒得多按一次shift，然后有的说选中不是很麻烦，用webstorm的ctrl+w，那是说选就选的节奏，难道不是吗？

更多的规则探讨加群吧，一时半会也说不清楚：159758989。高级群进群要答题，谨慎进入。

Answer 2

仅供参考：CSS中class以及ID常规命名规则

Answer 3

仅供参考：W3C css rules

Answer 4

共识：

1. 下划线是可以使用双击选中的，连接符不可以。（taylor_is_swift，taylor-is-swift）
2. 合理的命名是为了预防不可预防的问题。
3. 使用科学人性的命名标准，而不是程序员之间的小约定。

规则：

1. JS钩子，使用ID绑定的用大写J加下划线（J_taylor)。
2. JS Hook钩子，使用class绑定的使用小写j加下划线（j_swift)。
3. 单词连接用驼峰，状态连接用连接符（j_taylorSwift，j_taylorSwift-open）。

拓展：
然后可以在不破坏规则的情况下，使用一些诸如BEM之类的来表示层级关系、或者是程序员的小约定、偷偷打上的小记号、食堂饭菜咸淡程度、上一次xxx的日子等等……，但是规则就是规则。