首页 > html中,id属性和class属性有什么区别?

html中,id属性和class属性有什么区别?

html中,id属性和class属性有什么区别?
另外一个标签当中能有多个id属性和class属性吗?


id是元素的唯一标识,一个页面中id不应当重复。
class是元素的一个属性,一般用这个属性来为元素添加样式。


id选择器多用于唯一的特值的dom元素上,如:

页面上唯一的头部和底部;
表单页面唯一的上传元素

class选择器多用于指代一类的典型的一类dom元素上,如:

所有的按钮都有同样的box-shadow;
让这几个div宽度相等;



同一个html文件中只能设置一个同名id,而可以设置多个同名class,就好像你的身份证号是唯一的,你的名字在世界上并不惟一一样。


ID具有唯一性,一个页面只能有一个,例如id=“ID”,页面中只能出现一次。而class是可以重复使用的。例如class=“id”,这个class可以在页面的任何地方出现,而且不限制次数。想想自己的身份证,如果有人身份证号一样,那不是乱套了。而class,顾名思义就是类,一类的东西,肯定不是唯一的。


你是我的ID, 而我只是你的class.


1楼回答的比较详细,我补充下:
我觉得这两个用途不同,id一般用于dom的操作,比如查找、修改节点属性,删除dom等,而class多用于css样式,因为id唯一,所以对于dom api getElementByID来说就很快能找到,而class常和css样式结合,而样式可以用于多个DOM 元素,所以一个体现在性能,一个体现在代码重用。

【热门文章】
【热门文章】