Latest web development tutorials

HTML id-Attribut

HTML Globale Attribute HTML Globale Attribute

Beispiele

Durch die Verwendung von JavaScript ein Text id-Attribut zu handhaben:

<Html>
<Head>
<Script type = "text / javascript">
Funktion displayResult ()
{
document.getElementById ( "myHeader") innerHTML- = "einen schönen Tag!" .;
}
</ Script>
</ Head>

<Body>
<H1 id = "myHeader"> Hallo Welt! </ H1>
<Schaltfläche Onclick = "displayResult ()"> Ändern Sie Text </ button>
</ Body>

</ Html>

Versuchen »

Der untere Abschnitt enthält mehrere Instanzen.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Definition und Verwendung

id-Attribut gibt eine eindeutige ID-HTML-Elemente.

ID im HTML-Dokument muss eindeutig sein.

id-Attribut kann als Link Anker (Link Anker), durch JavaScript (HTML DOM) oder geändert oder hinzugefügt von CSS-Stil für das Element mit der angegebenen ID verwendet werden.

Die Unterschiede zwischen den HTML 4.01 und HTML5

In HTML5, kann id-Attribut mit einem beliebigen HTML-Element verwendet werden (es wird sicherstellen, dass jede HTML-Element, aber nicht unbedingt sinnvoll).

In HTML 4.01, id-Attribut nicht verwendet werden können: <base>, <head>, <html>, <meta>, <param>, <script>, <style> und <title>.

Hinweis: HTML 4.01 für den Wert von id, gibt es strenge Grenzwerte (zum Beispiel: in HTML 4.01 - ID - Wert kann nicht mit einer Zahl beginnen).

Grammatik

<Elementid = "id">

Eigenschaft Wert

Wert Beschreibung
Identifikation

Das einzige Element der angegebenen id.

Benennungsregeln:

  • Muss mit einem Buchstaben AZ oder az beginnen
  • Nachfolgende Zeichen: Buchstaben (A-Za-z), Zahlen (0-9), Bindestrich ( "-"), Unterstreichungen ( "_"), Doppelpunkt ( ":") und Punkt ( ".")
  • Die Werte sind case sensitive

Beispiele

Weitere Beispiele

Id - Attribut in CSS
Wie das id-Attribut für das Element in CSS-Stil zu verwenden,

HTML Globale Attribute HTML Globale Attribute