JavaScript GetElementById

Um auf DOM zuzugreifen (Dokumentobjektmodell ist ein Programming -API -Element), können Sie verschiedene Techniken anwenden. Eine der hilfreichsten und beliebtesten Methoden ist die Verwendung der JavaScript -GetElementById () -Methode. Alle Browser unterstützen JavaScript getElementById (), einschließlich Firefox, Internet Explorer, Chrome usw.

In diesem Artikel wird die Methode getElementById () in JavaScript erörtert.

Was ist GetElementById () in JavaScript?

Ein Objekt eines HTML -Elements mit Hilfe seines “abzurufen“Ausweis", Benutze das"dokumentieren.GetElementById ()" Methode.Es ist die schnellste und effizienteste Technik, um auf ein DOM -Element zuzugreifen. Es wird meistens verwendet, um Informationen aus einem Element in Ihrem Dokument zu manipulieren oder zu erhalten.

Notiz: Die ID eines Elements sollte in einem HTML -Dokument eindeutig sein. Wenn es im HTML -Dokument viele Elemente mit derselben ID gibt, gibt die Methode das erste Element an, das sie erkennt. Es gibt Null aus, wenn es ein Element im DOM nicht mit der angegebenen ID lokalisiert kann.

So verwenden Sie GetElementById () in JavaScript?

Befolgen Sie die folgende Syntax, um die Methode von GetElementById () zu verwenden:

dokumentieren.GetElementById (ID);

Es akzeptiert eine "Ausweis”Des Elements, auf dem Sie einen Betrieb ausführen müssen. Diese hinzugefügte ID sollte in einem Dokument und in Fallempfindungen eindeutig sein.

Beispiel 1: Ändern Sie die Farbe des Textes

Wenn Sie auf eine Schaltfläche klicken, wird sich die Farbe der Überschrift ändern. Dazu werden wir mithilfe der Überschrift mithilfe

Tag und Set “Willkommen”Als ID, die dazu beitragen wird, dieses Element zu erhalten:

Willkommen bei LinuxHint

Erstellen Sie dann eine Schaltfläche, an der das Onclick () -Ereignis angehängt ist, mit dem die von JavaScript benutzerdefinierte Funktion mit dem Namen "aufgerufen wirdFarbe ändern()”, Trigger, wenn die Schaltfläche klickt:

klicken Sie hier

Definieren Sie in der JavaScript -Datei eine Funktion namens “Farbe ändern()"Dadurch wird zuerst die zusätzliche Überschrift mit der" erhalten "GetElementById ()Methode und dann das Style -Attribut aufrufen, um die Farbe gleich zu setzenMagenta”:

function echnecolor ()
dokumentieren.GetElementById ("Willkommen").Stil.color = "magenta";

Es ist aus der Ausgabe ersichtlich, wenn die Schaltfläche klickt, die Farbe der hinzugefügten Überschrift wird geändert:

Beispiel 2: Text ändern

Hier ändern wir den gesamten Text der Überschrift auf der Schaltfläche Klick. Erstens werden wir eine Überschrift mithilfe verwenden

Tag durch Einstellen von ID als “CHNGTXT”:

Willkommen bei The LinuxHint

Fügen Sie dann ein Onclick () -Ereignis mit der Schaltfläche hinzu, die die “aufgerufen wirdChangeText ()Funktion zum Ändern des hinzugefügten Textes:

klicken Sie hier

Definiere das "ChangeText ()Funktionieren Sie so, dass es die Überschrift mit dem Dokument abholt.GetElementById () -Methode und ändern Sie den Text, wenn die Schaltfläche klickt:

function changeText ()
var Demo = Dokument.GetElementById ("CHNgtxt").Innerhtml = "Die beste Website für Lernfähigkeiten";

Wie Sie in der Ausgabe sehen können, wird der Text geändert, wenn wir auf die Schaltfläche klicken:

Wir haben alle Details zur Methode von GetelementById () in JavaScript behandelt.

Abschluss

Die GetElementById () ist die JavaScript -Methode, mit der das HTML -DOM -Element abgerufen wird. Es ist die effizienteste Technik, um auf ein DOM -Element zuzugreifen. Es durchsucht das Element mit Hilfe der ihm zugewiesenen ID. Wenn sich die angegebene ID nicht im DOM befindet, wird NULL zurückgegeben. In diesem Handbuch wurde die JavaScript -Methode getElementById () mit detaillierten Beispielen erörtert.