HTML id 属性

id 全局属性定义了一个全文档唯一的标识符 (ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。


实例

通过 JavaScript 利用 id 属性来改变一段文本:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function change_header()
  5. {
  6. document.getElementById("myHeader").innerHTML="Nice day!";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11. <h1 id="myHeader">Hello World!</h1>
  12. <button onclick="change_header()">Change text</button>
  13. </body>
  14. </html>

定义和用法

id 属性规定 HTML 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。

id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。

注意:id 的值不得包含空白字符(whitespace (en-US),包括空格和制表符等)。浏览器会将不符合规范的 ID 中的空白字符视为 ID 的一部分。与允许以空格分隔值的 class 属性不同,元素只能拥有一个 ID 值。


支持

属性
idYesYesYesYesYes

所有浏览器全部支持 id 属性。


语法

  1. <element id="value">
属性值
描述
id规定元素的唯一 id。

更多实例

使用id属性链接到页面中具有指定id的元素:

  1. <html>
  2. <body>
  3. <h2><a id="top">标题</a></h2>
  4. <p>一些文本....</p>
  5. <p>一些文本....</p>
  6. <p>一些文本....</p>
  7. <a href="#top">回到顶部</a>
  8. </body>
  9. </html>

用设置id型的CSS样式名

  1. <html>
  2. <head>
  3. <style>
  4. #myHeader {
  5. color: red;
  6. text-align: center;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <h1 id="myHeader">欢迎学习 HTML 参考手册</h1>
  12. </body>
  13. </html>