例
使用し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属性は、特定の持つ要素を操作するために（HTMLのDOMを経由して）スタイルシート内、およびJavaScriptによってスタイルを指すように最も使用されている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スタイルオブジェクト