Dokumentmethoden in Javascript

Das Dokumentobjekt in JavaScript bietet Methoden für den Zugriff auf und die Bearbeitung von HTML-Dokumenten. Zu den gängigen Methoden gehören: getElementById(id): Ruft ein Element basierend auf der ID ab. getElementsByTagName(tag): Ruft die Elementsammlung basierend auf dem Tag-Namen ab. getElementsByClassName(class): Ruft die Elementsammlung basierend auf dem Klassennamen ab. querySelector(selector): Ruft das erste passende Element basierend auf dem CSS-Selektor ab. querySelectorAll(selector): Ruft den Satz übereinstimmender Elemente basierend auf CSS-Selektoren ab.

Die Dokumentmethode in JavaScript

Das Dokumentobjekt in JavaScript repräsentiert das aktuelle HTML-Dokument. Es bietet eine umfangreiche API für den Zugriff auf und die Bearbeitung von Dokumentelementen und -strukturen.

Gemeinsame Dokumentmethoden

Die folgenden sind die am häufigsten verwendeten Dokumentmethoden:

• getElementById(id): Rufen Sie die Elementreferenz basierend auf dem ID-Attribut des Elements ab.
• getElementsByTagName(tag): Ruft die Sammlung aller übereinstimmenden Elemente basierend auf dem Tag-Namen ab.
• getElementsByClassName(class): Ruft die Menge aller übereinstimmenden Elemente basierend auf dem Klassennamen ab.
• querySelector(selector): Holen Sie sich das erste passende Element mithilfe eines CSS-Selektors.
• querySelectorAll(selector): Erhalten Sie eine Sammlung aller übereinstimmenden Elemente mithilfe eines CSS-Selektors.
• createElement(element): Ein neues Element erstellen.
• appendChild(child): Hängt ein untergeordnetes Element an das aktuelle Element an.
• removeChild(child): Entfernt untergeordnete Elemente aus dem aktuellen Element.
• createTextNode(text): Erstellen Sie einen Textknoten.
• write(text): HTML-Code in den Dokumentstream schreiben.

Verwenden der Dokumentmethode

Um die Dokumentmethode zu verwenden, können Sie die folgende Syntax verwenden:

<code class="javascript">document.<method_name>(parameters);</code>

Um beispielsweise ein Element basierend auf seiner ID abzurufen, können Sie den folgenden Code verwenden:

<code class="javascript">const element = document.getElementById("element-id");</code>

Andere Methoden

Zusätzlich zu den oben aufgeführten Methoden stellt das Dokumentobjekt auch die folgenden zusätzlichen Methoden bereit:

• addEventListener(event, listener): Fügen Sie dem Dokument einen Ereignis-Listener hinzu.
• removeEventListener(event, listener): Entfernen Sie den Ereignis-Listener aus dem Dokument.
• getComputedStyle(element): Ruft den berechneten Stil des Elements ab.
• documentElement: Gibt das Stammelement des Dokuments zurück (normalerweise das -Element).
• body: Gibt das Body-Element des Dokuments zurück (normalerweise das -Element).

Das obige ist der detaillierte Inhalt vonDokumentmethoden in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!