Latest web development tutorials

HTML id 屬性

HTML 全局屬性 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>

嘗試一下»

本章節底部包含更多實例。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持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。

命名規則:

  • 必須以字母AZ 或az 開頭
  • 其後的字符:字母(A-Za-z)、數字(0-9)、連字符("-")、下劃線("_")、冒號(":") 以及點號(".")
  • 值對大小寫敏感


實例

更多實例

在CSS中使用id屬性
如何在CSS 中使用id 屬性為元素添加樣式


HTML 全局屬性 HTML全局屬性