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.
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).
Das folgende Beispiel ändert den Inhalt (das innerHTML
) des Elements <p>
mit id="demo"
:
<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.
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.
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>
.