javascript - 带有 ID 的 HTML 类

标签 javascript html css ajax

我对 HTML 类和 ID 有点困惑,因为我想同时使用它们来描述 HTML 元素。这是否有效并被大多数浏览器支持?

我同时使用两者的动机是:

  1. 我有一个 CSS 样式,我想应用于多个元素。
  2. 我有一些 AJAX 和 Javascript 可以操作这些相同的元素,所以我需要一种方法来使用 ID 来识别哪个元素。
  3. 所以我想使用一个 id 来标识每个元素以进行 JS 操作,同时我想指定一个类,以便从相同的 css 应用相同的样式。

最佳答案

ID 仅对一个元素是唯一的,其中一个类可用于将许多元素组合在一起。您可以像您所说的那样将它们一起使用,ID 作为 Javascript 的唯一标识符和使用 CSS 标记的类。

搜索 html class vs id获取有关此主题的许多文章。

例子:

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

关于javascript - 带有 ID 的 HTML 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/817126/

相关文章:

javascript - 右对齐按钮reactjs

javascript - 使用 jquery 覆盖 anchor 标记的默认行为

javascript - 如何使用核心 JavaScript 一次只显示几张卡片?

javascript - 如何使用 html javascript 在 Canvas 上绘制点

html - 将 div 置于表格单元格内其他 div 的前面

css - SVG 比例变换具有运动

javascript - 网络推送通知未显示

javascript - 在 Javascript 中使用 innerHTML 更改值

javascript - 在单输入和多输入之间动态切换所选的 js

html - 使列高度调整为图像响应高度(Flexbox)