Javascript Element Nach Id Abrufen
__main__ Python module |
ast Python module |
base64 Python module |
code Python module |
COM PHP module |
dis Python module |
DOM PHP module |
Ev PHP module |
Event PHP module |
exp |
Hash PHP module |
html Python module |
http Python module |
imp Python module |
io Python module |
JavaScript |
os Python module |
PS PHP module |
Python For dummies |
Python functions |
re Python module |
select Python module |
SPL PHP module |
StackOverflow |
tty Python module |
UI PHP module
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".