HTML中class.id和name这三者有什么区别？48

发布网友发布时间：2023-09-30 11:30

共5个回答

热心网友时间：2023-10-11 23:13

HTML 中 id与name 区别
一个name可以同时对应多个控件，比如checkbox和radio
而id必须是全文档中唯一的

CSS 中 id、class属性的区别

1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class="css5" 来选择调用，命名好的CSS又叫css选择器。
如： .css5{属性：属性值;} 选择器在html调用为“
我是class例子

.baobao{ color: lime; background: #ff80c0 }
使用方法：class="baobao"

2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候以“#”来开头命名id名称
如一个CSS规则：
#binbin{ font-size: larger }
使用方法：id="binbin"
id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；

热心网友时间：2023-10-11 23:14

这几个属性对初学者来说是比较容易混淆，但是区分也很简单。
1. name ：指定标签的名称。
2. id ：指定标签的唯一标识。
3. class ：指定标签的类名。
用法举例
<input type="radio" name='sex'/>男
<input type="radio" name='sex'/>女
<input type=password id="userpwd" />
<input type=button class="btnsubmit" />
首先记住优先级顺序：id>name>class,什么是优先级呢？说白了就是精确定位的准确度，CSS选择器选择的先后顺序。
再说说用法，getElementById()返回固定id的对象，HTML文档中id对象一般是唯一的；getElementsByName()和getElementsByClassName()返回的是一个数组，HTML文档中name属性和class属性不是唯一的
遇到具体问题可以具体分析，灵活运用
参考链接：http://www.cnblogs.com/polk6/archive/2013/05/28/3101571.html

热心网友时间：2023-10-11 23:14

热心网友时间：2023-10-11 23:15

id一般是用来在JS中获取某一个标签
document.getElementById(id)
name是获取一个标签集也就是一堆相同name的标签。
document.getElementByName(name)
class一般是用来指向CSS里面的类选择器的

热心网友时间：2023-10-11 23:15

值的默认值是标签文本标签属性类型的类CSS类选择器，ID的CSS选择器，如果一个div里面的唯一引用的CSS class和id的差异不显着，但如果有必要的话使用了两种需要在相同的时间花费在以引用两个css样式的名称标签标识，所以使用它的名义下，外界的class和id。