HTML id 属性
id 全局属性定义了一个全文档唯一的标识符 (ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。
实例
通过 JavaScript 利用 id 属性来改变一段文本:
<html><head><script type="text/javascript">function change_header(){document.getElementById("myHeader").innerHTML="Nice day!";}</script></head><body><h1 id="myHeader">Hello World!</h1><button onclick="change_header()">Change text</button></body></html>
定义和用法
id 属性规定 HTML 元素的唯一的 id。
id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚(link anchor),通过 JavaScript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。
注意:id 的值不得包含空白字符(whitespace (en-US),包括空格和制表符等)。浏览器会将不符合规范的 ID 中的空白字符视为 ID 的一部分。与允许以空格分隔值的 class 属性不同,元素只能拥有一个 ID 值。
支持
| 属性 | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
所有浏览器全部支持 id 属性。
语法
<element id="value">
属性值
| 值 | 描述 |
|---|---|
| id | 规定元素的唯一 id。 |
更多实例
使用id属性链接到页面中具有指定id的元素:
<html><body><h2><a id="top">标题</a></h2><p>一些文本....</p><p>一些文本....</p><p>一些文本....</p><a href="#top">回到顶部</a></body></html>
用设置id型的CSS样式名
<html><head><style>#myHeader {color: red;text-align: center;}</style></head><body><h1 id="myHeader">欢迎学习 HTML 参考手册</h1></body></html>