JavaScript - HTML-DOM-Methoden
HTML-DOM-Methoden sind Aktionen , die Sie (an HTML-Elementen) ausführen können.
HTML-DOM-Eigenschaften sind Werte (von HTML-Elementen), die Sie festlegen oder ändern können.
Die DOM-Programmierschnittstelle
Auf das HTML-DOM kann mit JavaScript (und mit anderen Programmiersprachen) zugegriffen werden.
Im DOM sind alle HTML-Elemente als Objekte definiert .
Die Programmierschnittstelle besteht aus den Eigenschaften und Methoden jedes Objekts.
Eine Eigenschaft ist ein Wert, den Sie abrufen oder festlegen können (wie das Ändern des Inhalts eines HTML-Elements).
Eine Methode ist eine Aktion, die Sie ausführen können (wie das Hinzufügen oder Löschen eines HTML-Elements).
Beispiel
Das folgende Beispiel ändert den Inhalt (das innerHTML) des <p>Elements mit id="demo":
Beispiel
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Im obigen Beispiel getElementByIdist eine Methode , während innerHTMLeine
Eigenschaft ist .
Die getElementById-Methode
Der gebräuchlichste Weg, um auf ein HTML-Element zuzugreifen, ist die Verwendung iddes Elements.
Im obigen Beispiel die zum Suchen des Elements getElementByIdverwendete Methode .id="demo"
Die innerHTML-Eigenschaft
Der einfachste Weg, den Inhalt eines Elements abzurufen, ist die Verwendung der innerHTMLEigenschaft.
Die innerHTMLEigenschaft ist nützlich, um den Inhalt von HTML-Elementen zu erhalten oder zu ersetzen.
Die innerHTMLEigenschaft kann verwendet werden, um ein beliebiges HTML-Element abzurufen oder zu ändern, einschließlich <html>und <body>.