編程教程HTML id 屬性
HTMLid屬性
HTML 全局屬性
實例
通過 JavaScript 利用 id 屬性來處理一段文本：
<html>
<head>
<script type="text/javascript">
function displayResult()
{
document.getElementById("myHeader").innerHTML="Have a nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
</body>
</html>
<head>
<script type="text/javascript">
function displayResult()
{
document.getElementById("myHeader").innerHTML="Have a nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
</body>
</html>
本章節底部包含更多實例。
瀏覽器支持
所有主流瀏覽器都支持 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 值不能以數字開頭)。
語法
<elementid="id">
屬性值
| 值 | 描述 |
|---|---|
| id | 規定元素的唯一 id。 命名規則：
|
 | 更多實例 |
在 CSS 中使用 id 屬性
如何在 CSS 中使用 id 屬性為元素添加樣式
HTML 全局屬性