JavaScript - HTML DOM Methoden

HTML DOM-Methoden sind die, die Sie (auf HTML-Elementen) ausführen könnenAktion.

HTML DOM-Attribute sind die, die Sie auf HTML-Elementen setzen oder ändern könnenWert.

DOM-Programmierschnittstelle

HTML DOM kann über JavaScript erreicht werden (kann auch durch andere Programmiersprachen erreicht werden).

In der DOM werden alle HTML-Elemente definiertObjekt.

Die Programmierschnittstelle ist die Eigenschaften und Methoden jedes Objekts.

Eigenschaftsind Werte, die Sie erhalten oder setzen können (z.B. das Ändern des Inhalts eines HTML-Elements).

Methodesind Aktionen, die Sie durchführen können (z.B. das Hinzufügen oder Entfernen von HTML-Elementen).

Beispiel

Im folgenden Beispiel wird der Inhalt des <p>-Elements mit id="demo" geändert:

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Versuchen Sie es selbst

Im obigen Beispiel wirdgetElementById istMethodeund innerHTML istEigenschaft.

getElementById-Methode

Der häufigste Weg, auf ein HTML-Element zuzugreifen, ist die Verwendung des ids des Elements.

Im obigen Beispiel wirdgetElementById Methode, um das Element mit id="demo" zu finden.

innerHTML-Eigenschaft

Die einfachste Methode, den Inhalt eines Elements zu erhalten, ist die Verwendung der innerHTML Eigenschaft.

innerHTML Eigenschaft kann verwendet werden, um den Inhalt eines HTML-Elements zu erhalten oder zu ersetzen.

innerHTML Eigenschaften können verwendet werden, um jeden HTML-Element zu erhalten oder zu ändern, einschließlich <html> und <body>.