HTML id 屬性
示例
使用 id 屬性透過 JavaScript 操作文字
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">更改文字</button>
<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "祝您有個美好的一天！";
}
</script>
</body>
</html>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
id 屬性為 HTML 元素指定一個唯一的 id（該值在 HTML 文件中必須是唯一的）。
id 屬性最常用於指向樣式表中的樣式，以及透過 JavaScript（透過 HTML DOM）操作具有特定 id 的元素。
瀏覽器支援
| Attribute | |||||
|---|---|---|---|---|---|
| id | 是 | 是 | 是 | 是 | 是 |
語法
<元素 id="id">
屬性值
| 值 | 描述 |
|---|---|
| id | 為元素指定一個唯一的 id。命名規則：
|
更多示例
示例 1
使用 id 屬性連結到頁面中具有指定 id 的元素
<html>
<body>
<h2><a id="top">某個標題</a></h2>
<p>大量文字....</p>
<p>大量文字....</p>
<p>大量文字....</p>
<a href="#top">回到頂部</a>
</body>
</html>
自己動手試一試 »
示例 2
使用 id 屬性透過 CSS 樣式化文字
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools 是最棒的！</h1>
</body>
</html>
自己動手試一試 »
相關頁面
HTML 教程：HTML id
HTML 教程：HTML 屬性
CSS 教程：CSS 語法
CSS 參考：CSS #id 選擇器
HTML DOM 參考：HTML DOM getElementById() 方法
HTML DOM 參考：HTML DOM id 屬性
HTML DOM 參考: HTML DOM Style 物件
