HTML ID

Hypertext Markup-Sprache, die mehr als HTML bekannt ist. Diese Elemente und Attribute sind die Bausteine ​​von HTML. Ein solches Attribut ist das ID -Attribut, das ein grundlegendes HTML -Attribut ist. Diese Beschreibung soll das HTML-ID-Attribut im Detail diskutieren.

HTML ID

Mit dem HTML -ID -Attribut können Sie einem HTML -Element eine eindeutige Kennung zuweisen. Diese spezifische Kennung konnte nur einem und nur einem HTML -Element in demselben Dokument zugeordnet werden. Dieses Attribut bezeichnet eine bestimmte Stildeklaration in einem Stilblatt, das in einfacheren Worten bedeutet, dass Sie ein Element mit dem ID -Attribut stylen können.

Syntax des HTML -ID -Attributs

Punkte, die man sich merken sollte!

• Denken Sie daran, dass ID-Werte Fallempfindlichkeit sind.
• Der ID -Name muss mindestens ein Zeichen enthalten.
• Es kann keine weißen Räume haben.
• Es kann weder mit einer Zahl beginnen.
• Wenn Sie denselben ID -Namen mehr als einem Element zuweisen, führt HTML Aktionen aus, die diesem ID -Namen im neuesten Element zugeordnet sind.

Beispiel 1

Im folgenden Beispiel,

Das Element wird mit dem ID -Attribut gestylt.

Das HTML -ID -Attribut gibt ein eindeutiges Kennung für ein HTML -Element an. Die Kennung muss für jedes Element innerhalb desselben HTML -Dokuments eindeutig sein. Sie können ein HTML -Attribut mit dem ID -Attribut stylen.

Ausgang

Das obige Beispiel zeigt die Verwendung des ID -Attributs. Im obigen Beispiel stylen wir

Element, indem es eine eindeutige ID = "para1" zugewiesen wird.

Nun, um dies zu stylen

Element, wir definieren seinen Stil im Abschnitt mit dem ID -Namen mit einem Hashtag (#).

Beispiel 2

Im folgenden Beispiel stylen wir zwei Elemente (und), indem wir ihnen eindeutige Kennungen zuweisen.

Gib deinen Namen ein:




Einreichen

Im obigen Beispiel definieren wir den Stil der und Elemente im Abschnitt.

Ausgang

Notiz: Mischen Sie kein ID -Attribut mit einer Klasse, da ein Klassenname von verschiedenen Elementen im selben Dokument verwendet wird. Ein ID -Name ist jedoch eindeutig und wird nur einem Element in einem Dokument zugeordnet.

HTML ID und JavaScript

JavaScript verwendet die Methode von GetElementById (), um ein bestimmtes Element zu erhalten und eine bestimmte Aufgabe auszuführen.

Beispiel

Klicken Sie auf die Schaltfläche unten und sehen Sie sich die Änderung an.

Klick mich



Im obigen Beispiel verwenden wir die Methode getElementById (), um die Farbe der Farbe zu ändern

Element durch Klicken auf die Schaltfläche. Im folgenden Code haben wir den Stil von definiert

Element mit seiner eindeutigen ID, die #para1 ist.

#para1
Schriftgröße: 50px;
Farbe: Schwarz;
Schriftdicke: fett;
Text-Align: Mitte;

Anschließend verwendeten wir die GetelementById () -Methode, um die Farbe von zu ändern

Element.

dokumentieren.GetElementById ("Para1").Stil.color = "grün";

Ausgang

Bevor Sie auf die Schaltfläche klicken.

Nach dem Klicken auf die Schaltfläche.

Abschluss

Das HTML -ID -Attribut liefert ein eindeutiges Kennung für ein bestimmtes HTML -Element, mit dem der Stil dieses bestimmten Elements definiert werden kann. Ein spezifischer ID -Name kann nur einem Element in demselben HTML -Dokument zugewiesen werden. JavaScript verwendet auch den ID -Namen, um bestimmte Aktionen in einem bestimmten Element auszuführen. Diese Beschreibung soll das HTML-ID-Attribut mit Hilfe von Beispielen im Detail diskutieren.