Einleitung in ein HTML DOM

Das W3C Dokument-Gegenstand-Modell (DOM) ist eine Plattform- und Sprachennullschnittstelle, die Programme und Indexe den Inhalt, die Struktur und die Art eines Dokumentes dynamisch zugänglich machen und aktualisieren lassen. „

Das W3C DOM stellt einen Standardsatz Gegenstände für das Darstellen XML und HTML der Dokumente und eine Standardschnittstelle für das Zugänglich machen und die Manipulierung sie zur Verfügung.

Das DOM wird in unterschiedliche Teile (XML, Kern und HTML) getrennt und auch unterschiedliche Niveaus hat (DOM Niveau 1/2/3):

Kern DOM - definiert einen Standardsatz Gegenstände für alle mögliche strukturierten Dokumente
XML DOM - definiert einen Standardsatz Gegenstände für nur XML Dokumente.
HTML DOM - definiert einen Standardsatz Gegenstände für nur HTML Dokumente

Du kannst mehr über die W3C DOM Niveaus/die Spezifikationen in unserem W3C Tutorial lesen

Was ist das HTML DOM?

Das HTML DOM ist das Dokument-Gegenstand-Modell nur für HTML
Das HTML DOM ist Sprachen- und Plattformunabhängiges
Das HTML DOM definiert einen Standardsatz Gegenstände für HTML und eine Standardweise, HTML Dokumente zu manipulieren und zugänglich zu machen
Das HTML DOM ist W3C Standard

Das HTML DOM sieht HTML Dokumente als Baumstruktur der Elemente an, die innerhalb anderer Elemente eingebettet werden können. Alle Elemente, ihre Attribute und ihr enthaltener Text, können durch den DOM Baum erreicht werden. Ihr Inhalt kann gelöscht werden oder geändert werden, und neue Elemente können durch das DOM verursacht werden. Die Elemente, ihre Attribute und ihr Text alle bekannt als Nullpunkte.

Können wir Javascript verwenden?

Das HTML DOM ist Sprachen- und Plattformunabhängiges. Es kann durch jedes mögliches Programmiersprache likeJavaScript, Java und VBScript verwendet werden.

In diesem Tutorial verwenden wir auch Javascript

Ein HTML DOM Beispiel

Dieses Kodierungbeispiel zeigt, wie die Hintergrundfarbe eines HTML Dokumentes zum Gelb geändert werden kann, wenn ein Benutzer an es klicken:

<html>

<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.bgColor="yellow"
}
</script>
</head>

<body onclick="ChangeColor()">
Click on this document!
</body>
</html>