例
使用id屬性來處理文本使用JavaScript：
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
試一試» 更多“試一試”的例子。
定義和用法
該id屬性指定一個唯一的id為HTML元素（該值必須為HTML文檔中是唯一的）。
該id屬性是最常用的指在一個樣式表一個樣式，由JavaScript（通過HTML DOM）來處理與特定元素id 。
瀏覽器支持
| 屬性 | |||||
|---|---|---|---|---|---|
| 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的元素。 命名規則：
|
更多示例
例1
使用id屬性具有指定鏈接到一個元素id在頁面中：
<html>
<body>
<h2><a id="top">Some heading</a></h2>
<p>Lots
of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>
<a href="#top">Go to top</a>
</body>
</html> 試一試» 例2
使用id屬性文本樣式與CSS：
<html>
<head>
<style>
#myHeader {
color:
red;
text-align: center;
}
</style>
</head>
<body>
<h1
id="myHeader">w3ii is the best!</h1>
</body>
</html> 試一試» 相關頁面
HTML教程： HTML屬性
CSS教程： CSS選擇器
CSS參考： CSS #id選擇
HTML DOM參考： HTML DOM getElementById()方法
HTML DOM參考： HTML DOM id屬性
HTML DOM參考： HTML DOM Style對象