js获取id号和class类名的区别

Posted 2023-03-11

原生JS通过id和class获取元素是用，document.getElementById(IDname),document.getElementsByClassName(\'ClassName\');

兼容性：ID兼容，class 不兼容IE6,7,8

数量： 通过ID只能获取一个dom元素，通过class可以获取一组元素。

通用性：ID不能重复，class可以重复，所以class比较好用，这也是jQuery能被广泛应该的原因（选择器好）。

参考技术A 1. class是设置标签的类， class属性用于指定元素属于何种样式的类。
如样式表可以加入.content1 color: red; background: #ff80c0 使用方法：class="content1" .
id是设置标签的标识。id属性用于定义一个元素的独特的样式。如一个CSS规则#content2 font-size: larger 使用方法为：id="content2"

概念上说不一样（下面的两句话还是比较精辟的）：
class是一个样式，先定义好， 然后可以套给多个结构/内容, 便于复用。也就是说class名称可以相同。

id是一个标签，用于区分不同的结构和内容，就象你的名字， 如果一个屋子有2个人同名，就会出现混淆；id是先找到结构/内容，再给它定义样式；

2.属性的优先级问题
id的优先级要高于class