JavaScript-DOM-Methoden


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


HTML-DOM-Methoden sind Aktionen, die Sie (auf HTML) ausführen können Elemente).

HTML-DOM-Eigenschaften sind Werte (von HTML-Elementen), die Sie verwenden können einstellen oder ändern.


Die DOM-Programmierschnittstelle

Auf das HTML-DOM kann mit JavaScript zugegriffen werden (und mit anderen Programmiersprachen).

Im DOM sind alle HTML-Elemente als Objekte definiert.

Die Programmierschnittstelle ist die Eigenschaften und Methoden jedes Objekts.

Eine Eigenschaft ist ein Wert, den Sie abrufen oder festlegen können (z. B. das Ändern). Inhalt eines HTML-Elements).

Eine Methode ist eine Aktion, die Sie ausführen können (z. B. Hinzufügen). oder Löschen eines HTML-Elements).


Beispiel

Das folgende Beispiel ändert den Inhalt (das innerHTML) des Elements <p> mit id="demo":

Beispiel

<html>
<body>

<p id="demo"></p>

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

</body>
</html>

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>My First Page</h2>

<p id="demo"></p>

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

</body>
</html>

Im obigen Beispiel ist getElementById eine Methode, während innerHTML eine ist Eigentum.


Die getElementById-Methode

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

Im obigen Beispiel verwendete die Methode getElementById id="demo", um das zu finden Element.


Die innerHTML-Eigenschaft

Der einfachste Weg, den Inhalt eines Elements abzurufen, ist die Verwendung der Eigenschaft innerHTML.

Die Eigenschaft innerHTML ist nützlich, um den Inhalt von HTML-Elementen abzurufen oder zu ersetzen.

Die Eigenschaft innerHTML kann verwendet werden, um jedes HTML-Element abzurufen oder zu ändern. einschließlich <html> und <body>.