Javascript 带有ID的HTML类
我对HTML类和ID有点困惑,因为我想用它们来描述HTML元素。大多数浏览器都支持这一点吗 我使用两者的动机是:Javascript 带有ID的HTML类,javascript,html,css,ajax,Javascript,Html,Css,Ajax,我对HTML类和ID有点困惑,因为我想用它们来描述HTML元素。大多数浏览器都支持这一点吗 我使用两者的动机是: 我有一个CSS样式,我想应用到多个元素 我有一些AJAX和Javascript可以操作这些相同的元素,所以我需要一种方法来使用ID标识哪个元素是哪个元素 因此,我想使用一个id来标识JS操作的每个元素,同时我想指定一个类,以便从相同的css应用相同的样式 一个ID只能用于一个项目,其中一个类可以用于将多个项目组合在一起。如您所述,您可以将它们一起使用,ID作为Javascript的唯
一个ID只能用于一个项目,其中一个类可以用于将多个项目组合在一起。如您所述,您可以将它们一起使用,ID作为Javascript的唯一标识符,并使用CSS标记类 搜索以获取有关此主题的许多文章 例如:
<ul>
<li class="odd" id="item1">First Item in the List</li>
<li class="even" id="item2">Second Item in the List</li>
<li class="odd" id="item3">Third Item in the List</li>
</ul>
列表中的第一项
列表中的第二项
列表中的第三项
是,任何普通浏览器都应该允许设置CSS类,而不管元素id如何。但是,在特定元素上设置样式(例如使用id)可能会覆盖通过CSS类设置的样式。是,它在所有浏览器中都有效。ID通过其他控件表示html控件的唯一标识,并且类对其应用某种样式。当每页只有一次出现时使用ID。当每页出现一个或多个事件时使用类。是的,在一个元素中同时使用ID和Class属性是完全有效的。例如:
<div class="infoBox" id="myUniqueStyle"> *content* </div>
*内容*
尽管如此,请记住一个ID只能使用一次(因此它的名称),而您可以在文档中使用任意次数的类。您仍然可以同时使用ID和类来应用样式,而只有ID是通过javascript到达元素的简单方法
一个很好的方法是将ID应用于所有您知道是唯一的元素(标题、导航、主容器等),并将类应用于其他所有元素
是“应用于使用ID的元素:”这是导航栏“,”这是标题“
“Isa”或“Isa”适用于使用类的元素:“This Is blogPost”、“This Is infoBox”等。如果需要,您完全可以同时使用这两个类 ID通常用于标识站点的结构部分-您应该只有一个具有特定ID的元素,任何元素只能有一个ID 类用于设置HTML文件中多个位置可能使用的样式-任何元素都可以设置多个类 同时使用ID和类的典型HTML文档可能类似于
<html>
...
<body>
<div id="header"></div>
<ul id="nav" class="full-width dark">...</ul>
<div id="content">
<div id="important-container" class="class-set-by-javascript another-class-set-by-javascript"></div>
</div>
</body>
</html>
...
关于在CSS声明中组合类和id,只是一个非常模糊的注释,IE6有一个bug,如果您有:
- 两个或多个具有
元素具有相同的
id
- 这些要素有不同的特点
esclass
- 您正在使用
规则#idname.classname
有关详细信息,请参见,因为您的答案是错误的。如下所述,ID用于唯一元素。类用于多个元素。这两个都是用来做时尚的。哦,来吧,伙计!问题是:这是有效的,并且大多数浏览器都支持吗?这是唯一的答案!不管怎么说,你的答案不仅不正确,甚至连一句话都说不通。类和id都用于标识HTML的各个部分。“通过他人识别html控件”是什么意思?答案是正确的,句子也是正确的。安布罗斯:去上一些英语语法课吧。这门课和文体没有什么特别的关系。答案还暗示它们是或应该是互斥的。奇怪的是,每个人都没有使用“选择器”这个词就完成了这一过程。这是因为HTML中没有选择器。我们这里不讨论样式表设置,而是讨论标记:)@John Topley:它应该是“id”:它是“identifier”的缩写,不是首字母缩写或首字母缩略词。