HTML id 屬性

HTML 全局屬性 HTML 全局屬性

實例

通過 JavaScript 利用 id 屬性來處理一段文本:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IT研修(xuhuhu.com)</title> <script> function displayResult() { document.getElementById("myHeader").innerHTML="Have a nice day!"; } </script> </head> <body> <h1 id="myHeader">Hello World!</h1> <button onclick="displayResult()">編輯文本</button> </body> </html>



本章節底部包含更多實例。

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流流覽器都支持 id 屬性


定義和用法

id 屬性規定 HTML 元素的唯一的 id。

id 在 HTML 文檔中必須是唯一的。

id 屬性可用作鏈接錨(link anchor),通過 JavaScript(HTML DOM)或通過 CSS 為帶有指定 id 的元素改變或添加樣式。


HTML 4.01 與 HTML5之間的差異

在 HTML5 中, id 屬性可用於任何的 HTML 元素 (它會驗證任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, id 屬性不能用於: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和<title>。

注意: HTML 4.01 對於 id 的值有嚴格的限制 (例如:在 HTML 4.01 id 值不能以數字開頭)。


語法

<element id="id">

屬性值

描述
id

規定元素的唯一 id。

命名規則:

  • 必須以字母 A-Z 或 a-z 開頭
  • 其後的字元:字母(A-Za-z)、數字(0-9)、連字元("-")、下劃線("_")、冒號(":") 以及點號(".")
  • 值對大小寫敏感


實例

更多實例


如何在 CSS 中使用 id 屬性為元素添加樣式


HTML 全局屬性 HTML 全局屬性