HTML idAttribute

Beispiele

Verwenden Sie das id-Attribut, um einen Absatz mit JavaScript zu manipulieren:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Beispiel-Tutorial (example.com)</title> <script> function displayResult() { document.getElementById("myHeader").innerHTML="Einen schönen Tag noch!"; } </script> </head> <body> <h1 id="myHeader">Hallo Welt!</h1> <button onclick="displayResult()">Text bearbeiten</button> </body> </html>

Selbst ausprobieren »

Weitere Beispiele finden Sie am Ende dieses Kapitels.

Browser-Unterstützung

Alle gängigen Browser unterstützen das id-Attribut

Definition und Verwendung

Das id-Attribut gibt eine eindeutige id für ein HTML-Element an.

Die id muss im HTML-Dokument eindeutig sein.

Das id-Attribut kann als Link-Anker verwendet werden sowie um Stile für das Element mit einer angegebenen id über JavaScript (HTML DOM) oder über CSS zu ändern oder hinzuzufügen.

Unterschiede zwischen HTML 4.01 und HTML5

In HTML5 kann das id-Attribut bei jedem HTML-Element verwendet werden (es wird bei jedem HTML-Element validiert, ist aber nicht unbedingt nützlich).

In HTML 4.01 darf das id-Attribut nicht bei: <base>, <head>, <html>, <meta>, <param>, <script>, <style> und <title> verwendet werden.

Hinweis:HTML 4.01 hat strenge Einschränkungen für den Wert von id (zum Beispiel dürfen id-Werte in HTML 4.01 nicht mit einer Zahl beginnen).

Syntax

<element id="id">

Attributwerte

Wert	Beschreibung
id	Gibt die eindeutige id des Elements an. Namensregeln: Muss mit einem Buchstaben A-Z oder a-z beginnen Nachfolgende Zeichen: Buchstaben (A-Za-z), Ziffern (0-9), Bindestriche ("-"), Unterstriche ("_"), Doppelpunkte (":") und Punkte (".") Werte sind case-sensitive

Weitere Beispiele

Wie man das id-Attribut in CSS verwendet, um Elementen Stile hinzuzufügen

HTML-Globalattribute Andere Erweiterungen

HTMLTags