Javascript Element Nach Id Abrufen
exp |
find |
JavaScript |
open |
sin
Michael Zippo
04.11.2021
Sie möchten also ein Element auf einer Webseite in JavaScript auswählen? Das ist die Spezialität der Methode getElementById, dem sogenannten König der Element-Getter in JavaScript.
getElementById Mit können Sie ein Element anhand seiner ID auswählen. Es ist ein ziemlich selbsterklärender Methodenname, wenn Sie daruber nachdenken.
In diesem Leitfaden werden wir daruber sprechen, was getElementById ist und wie es ist funktioniert und wann Sie es in Ihrem Code verwenden sollten. Wir werden ein Beispiel fur ein "Ein-/Ausblenden‚" Text-Schaltfl√§che in unserer document.getElementById-Demo.
Lass uns eintauchen!
Was ist getElementById?
getElementById() ist eine Document-Methode, die ein Element aus dem HTML-DOM auf einer Seite basierend auf dem von Ihnen angegebenen Element-ID-Attribut auswählt.
Betrachten Sie den folgenden Code:
In unserem HTML-Code haben wir ein Finden Sie Ihr Bootcamp-Match
Sie können sich fur diese Methode, wenn Sie einem Element eine ID zugewiesen haben. Anstatt einen breiteren Getter wie querySelector oder getElementByClass zu verwenden, der das erste Elementobjekt zuruckgibt, das ein bestimmtes Kriterium erfullt, können Sie ein Element mithilfe von . abrufen getElementById().
getElementById() ist eine gängige Methode zum Abrufen eines Elements auf einer Webseite.
Was Sie uber getElementById wissen mussen
Bevor wir uns mit einem Beispiel befassen, werden wir uber die Fehler sprechen, die Anfänger bei der Verwendung dieser Methode häufig machen.
Es ist immer frustrierend, wenn Sie etwas Neues lernen und es nicht funktioniert. Lassen Sie uns also daruber sprechen, welche häufigen Fehler Sie machen können, während Sie getElementById().
Erstens unterscheidet getElementById() die Groß-/Kleinschreibung. Während der Begriff ID in der Programmierung normalerweise groß geschrieben wird, mussen Sie bei dieser Methode den Kamelbuchstaben Id verwenden. Andernfalls funktioniert diese Methode nicht.
Zweitens sollte die von Ihnen angegebene ID kein Rautezeichen (Hashtag) enthalten. Betrachten Sie diesen Code:
Dieses Beispiel könnte so aussehen, als wurde es das Element mit der ID mainButton . abrufen, aber das ist nicht der Fall. Sie sollten nur die ID des Elements angeben, das Sie abrufen möchten:
Jetzt ist das aus dem Weg, wir können es durchgehen ein Beispiel.
Verwendung von getElementById
Wenn Sie im Internet surfen, werden Ihnen m√∂glicherweise Tags mit der Aufschrift "Weitere Informationen‚" ein Stuck Text und bitten Sie dann, diese Schaltfl√§che zu drucken, damit Sie den Rest des Textes sehen k√∂nnen.
Wir werden diese Funktion mit getElementB erstellen yId() Getter. Sie können den endgultigen Code fur dieses Tutorial unter GitHub.
Das Front-End erstellen
Beginnen wir mit der Erstellung eines einfachen Front-Ends mit HTML und CSS. Erstellen Sie eine neue Datei namens index.html und fugen Sie den folgenden Code ein:
JavaScript getElementById()
Möchten Sie mehr uber getElementById() erfahren? Hier sind Sie richtig.
Weiterlesen getElementById() ist eine JavaScript-Methode, mit der Sie ein Element auf einer Webseite auswählen können. Diese Methode wird allgemein als "Getter" bezeichnet, weil sie ein Element von einer Seite "holt".
