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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取id号和class类名的区别相关的知识,希望对你有一定的参考价值。

原生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

以上是关于js获取id号和class类名的区别的主要内容,如果未能解决你的问题,请参考以下文章

CSS中的“class”里的样式属性是不是能够有多个?

通过js获取class类名的函数封装

php __CLASS__get_class()与get_called_class()的区别

java中类名.class, class.forName(), getClass()区别

怎样用JS获取CSS中class中的值

java中Class对象详解和类名.class, class.forName(), getClass()区别