对于元素的感悟

元素中class和id怎么使用，和css与JavaScript的使用的相关性。

起因

在与AI对话的过程中，我向她询问网页的设计相关问题。 灵感的来源就在多个对话中。 在要用到JavaScript功能的页面中，元素的引用几乎都是id索引， 而在美化也就是使用css为主的页面中，我发现元素身上基本都是class。 这个发现引起了我的注意，我在脑中记下了。

经过

在后续进一步美化的过程中，我发现她的示例代码中对于元素隐藏的控制... 她在相关代码中使用JavaScript操作了元素的class值，并且强调了前方有空格。 这让我想起我小时候翻看网站代码的时候。 小时候的我发现class中有好几个词条用空格间隔， 而每个元素对应的id却只有一个，并且命名中也没有-之类的符号。

发现

我向她开始询问相关事项:

• Q: 关于id和class是否有命名规范？
  A:

1 2 3 4

不算规范，是命名的建议与习惯。 因为css的内部样式都是词与词间`-`号链接， 而JavaScript中内部命名是以`驼峰`的样式。 于是形成了相关的命名。

• Q: 关于class与id是否可以理解为一个用于css一个用于id A:

1 2 3

可以这么理解。 class命名可重复 id命名唯一

结论

*本人观点哦，不要当成圣经!

感悟

id像是元素的标识 是每个对象的"身份证" class像是元素的标签 是用来给对象分类的

技巧

对于class的操作 其实每个对象有classList JavaScript可以直接进行 切换、删除、添加等 操作 不必像AI说的一样用字符串操作 在以后有相关的代码可以注意一下