Das HTML DOM definiert HTML Dokument als Ansammlung Gegenstand.
Gegenstände haben Methoden und Eigenschaften. Gegenstände können auf Fälle auch reagieren.
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>
Gegenstände dokumentieren
Das HTML DOM definiert HTML Dokumente als Ansammlung Gegenstand.
Der Dokumentgegenstand ist das Elternteil aller anderen Gegenstände in den HTML Dokumenten.
Der document.body Gegenstand stellt das <body> Element der HTML Dokumente dar.
Der Dokumentgegenstand ist das Elternteil des Körpergegenstandes, und der Körpergegenstand ist ein Kind der Dokumentgegenstände
Gegenstand-Eigenschaften
HTML Dokumentgegenstände können die Eigenschaften haben (benannt als Attribute).
Die document.body.bgColor Eigenschaft definiert Hintergrundfarbe des Körpergegenstandes.
Die Aussage document.body.bgColor= " Gelb " im Beispiel oben, stellte die Hintergrundfarbe des HTML Dokumentes ein, um sich gelb zu färben.
Gegenstand-Fälle
HTML Dokumentgegenstände können auf Fälle auch reagieren.
Das onclick= " ChangeColor () „Attribut des <body> Elements im Beispiel oben, definiert eine Tätigkeit, um stattzufinden, wenn der Benutzer an das Dokument klicken.
Funktionen
Die ChangeColor () Funktion im oben genannten Beispiel, ist eine Javascriptfunktion.
Die Funktion wird ausgelöst (begonnen) wenn der Benutzer an das HTML Dokument klickt
Ändernde Art
Das HTML DOM definiert auch ein Modell für das Ändern der Arten der HTML Gegenstände.
Das Kodierungbeispiel unterhalb der Erscheinen, wie man den gleichen Effekt wie das erste Beispiel, indem es die Art des Körpers ändert, einwendet erhält:
<html>
<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.style.background="yellow"
}
</script>
</head>
<body onclick="ChangeColor()">
Click on this document!
</body>
</html>
Keywords:
html document, html element, html content, text node
