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 的瀏覽器中載入。

另請參閱