Beispiel
Verwenden Sie id attribute, um einen Textabschnitt über JavaScript zu ändern:
<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>
亲自试一试Definition und Verwendung
Das id-Attribut gibt die eindeutige ID des HTML-Elements an.
id muss innerhalb des HTML-Dokuments eindeutig sein. Das
id-Attribut kann als Link-Anker verwendet werden, um über JavaScript (HTML DOM) oder CSS Stile zu einem Element mit einer angegebenen ID zu ändern oder hinzuzufügen.
Unterstützt
W3C: Die Spalte „W3C“ gibt an, ob das Attribut in den HTML/XHTML-Empfehlungen des W3C definiert ist.
| IE | Firefox | Opera | Safari | W3C |
| YES | YES | YES | YES | YES |
Syntax
<element id="value">
| 值 | 描述 |
| id | 规定元素的唯一 id。 |
Es kann mehrere Gründe geben, das ID-Attribut zu verwenden
Sie möchten einen Link zu einem erstellen Seite
Sie möchten einen bestimmten CSS-Stil für ein bestimmtes HTML-Element verwenden
Sie möchten einen bestimmten verwenden CSS-Stil für jedes HTML-Element, verwenden Sie ein Skript (z. B. Javascript)
Sie müssen zwei identische HTML-Elemente unterscheiden
Beispiel
<div id="dreamdu1">使用dreamdu1和dreamdu2来区分两个div标签<div><div id="dreamdu2">使用dreamdu1和dreamdu2来区分两个div标签<div>
Erklärung
Das gleiche Attribut wie das id-Attribut ist name. Dieses Attribut kann in HTML4-Dokumenten verwendet werden name-Attribut XHTML-Übergangsdefinitionstypen (xhtml1-transitional.dtd) sollten verwendet werden und können nicht in strengen XHTML-Definitionstypen (xhtml1-strict.dtd)
id-Attribut auf der gesamten Seite verwendet werden und CSS-Stylesheet Es muss das einzige, beste und einzige auf der gesamten Website sein
Das obige ist der detaillierte Inhalt vonGibt das eindeutige ID-Attribut des HTML-Elements an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
