HTML - DOM - Methoden sind Aktionen , die Sie (auf HTML - Elemente) durchführen kann.
HTML - DOM - Eigenschaften sind Werte (von HTML - Elemente) , die Sie einstellen oder ändern können.
Die DOM-Programmierschnittstelle
Die HTML-DOM mit JavaScript zugegriffen werden (und mit anderen Programmiersprachen).
Im DOM werden alle HTML - Elemente als Objekte definiert.
Die Programmierschnittstelle ist die Eigenschaften und Methoden der einzelnen Objekte.
EineEigenschaft ist ein Wert, den Sie bekommen oder Set kann (wie den Inhalt eines HTML - Elements ändern).
EineMethode ist eine Aktion , die Sie (wie hinzufügen oder löschen ein HTML - Element) tun können.
Beispiel
Das folgende Beispiel ändert den Inhalt (die innerHTML ) des <p> Element mit id = "Demo":
Beispiel
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Versuch es selber " In dem obigen Beispiel getElementById ist eine Methode, während innerHTML eine Eigenschaft ist.
Die getElementById - Methode
Der häufigste Weg, ein HTML-Element zuzugreifen, ist die ID des Elements zu verwenden.
In dem obigen Beispiel der getElementById Methode id="demo" , das Element zu finden.
Die innerHTML Property
Der einfachste Weg , um den Inhalt eines Elements zu erhalten , ist durch die Verwendung von innerHTML Eigenschaft.
Die innerHTML Eigenschaft ist nützlich für das Erhalten oder den Inhalt von HTML - Elemente zu ersetzen.
Die innerHTML Eigenschaft kann verwendet werden , um eine HTML - Element zu erhalten oder zu ändern, einschließlich <html> und <body> .