Neueste Web-Entwicklung Tutorials
 

JavaScript - HTML-DOM-Methoden


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> .