javascript - html中,id属性和class属性有什么区别?
迷茫
迷茫 2017-04-11 12:02:57
[JavaScript讨论组]

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(6)
PHPz

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

怪我咯

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

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

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

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


巴扎黑

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

巴扎黑

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

大家讲道理

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

大家讲道理

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号