id

id 全局属性 定义了一个标识符 (ID),该标识符在整个文档中必须是唯一的。

试一试

描述

ID 属性的目的是在链接(使用 片段标识符)、脚本编写或样式化(使用 CSS)时标识单个元素。

具有 ID 属性的元素可用作全局属性。属性名称是 ID 属性,属性值是元素。例如,给定如下标记

html
<p id="preamble"></p>

您可以在 JavaScript 中使用如下代码访问段落元素:

js
const content = window.preamble.textContent;

语法

ID 属性的值不得包含 ASCII 空格 字符。浏览器将包含空格的非合格 ID 视为空格是 ID 的一部分。与允许使用空格分隔值的 class 属性相反,元素只能具有一个 ID 值。

从技术上讲,ID 属性的值可以包含任何其他 Unicode 字符。但是,当在 CSS 选择器中使用时,无论是通过 JavaScript 使用 Document.querySelector() 等 API 还是在 CSS 样式表中使用,ID 属性值都必须是有效的 CSS 标识符。这意味着,如果 ID 属性值不是有效的 CSS 标识符(例如,my?id1234),则必须在用作选择器之前对其进行转义,可以使用 CSS.escape() 方法或 手动 转义。

因此,建议开发人员为 ID 属性选择有效且不需要转义的 CSS 标识符作为值。

此外,并非所有有效的 ID 属性值都是有效的 JavaScript 标识符。例如,1234 是有效的属性值,但不是有效的 JavaScript 标识符。这意味着该值不是有效的变量名,因此您无法使用 window.1234 等代码访问该元素。但是,您可以使用 window["1234"] 访问它。

规范

规范
HTML 标准
# global-attributes:the-id-attribute-2

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅