id 属性は、HTML 要素にユニークな id を指定します（値は HTML 文書内でユニークでなければなりません）。
id 属性は、大抵の場合、スタイルシート内のスタイルをポイントするため、また、JavaScript によって（HTML DOM を通して） 特定の id を持つ要素を操作するために使用されます
id 属性は グローバル属性 の一つで、全ての HTML 要素で使用することができます。
| 要素 | 属性 |
|---|---|
| 全ての HTML 要素 | id |
JavaScript でテキストを操作するために id 属性を使用します：
<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>
Try it Yourself ❯
| 属性 | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |