例
id attributeを使用して、JavaScript経由でテキストの一部を変更します:
<html>
<head>
<script type="text/javascript">
function change_header()
{
document.getElementById("myHeader").innerHTML="Nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="change_header()">Change text</button>
</body>
</html>
亲自试一试定義と使用法
id 属性は、HTML 要素の一意の ID を指定します。
id は HTML ドキュメント内で一意である必要があります。
id 属性は、JavaScript (HTML DOM) または CSS 経由で指定された ID を持つ要素にスタイルを変更または追加するためのリンク アンカーとして使用できます。
サポート
W3C: 「W3C」列は、属性が W3C の HTML/XHTML 勧告で定義されているかどうかを示します。
| IE | Firefox | Opera | Safari | W3C |
| YES | YES | YES | YES | YES |
文法
<element id="value">
| 値 | 説明 |
| id | 要素の一意の ID を指定します。 |
id 属性を使用する理由はいくつか考えられます
ページ上の特定の場所にリンクしたい
HTML要素ごとにスクリプト(JavaScriptなど)を使用する必要があります
2つの同一のHTML要素を区別する必要があります
例
<div id="dreamdu1">使用dreamdu1和dreamdu2来区分两个div标签<div><div id="dreamdu2">使用dreamdu1和dreamdu2来区分两个div标签<div>
説明
id属性と同じ属性はname, this この属性は HTML4 ドキュメントで使用できます。そのため、name 属性を使用する場合は、XHTML 遷移定義タイプ (xhtml1-transitional.dtd) を使用する必要があります。 XHTML 厳密定義タイプ (xhtml1- strict.dtd)
id 属性はページ全体と CSS スタイルシートで一意である必要があり、Web サイト全体で最もよく一意です
以上がhtml要素の一意のid属性を指定します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
