Beispiel
Ändern Sie die Hintergrundfarbe des aktuellen Dokuments:
document.body.style.backgroundColor = "yellow"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Körpereigenschaftssätze oder gibt den Körper des Dokuments.
Auf dem Rückweg gibt diese Eigenschaft das <body> Element des aktuellen Dokuments.
Auf dem Set überschreibt diese Eigenschaft alle untergeordneten Elemente innerhalb des bestehenden <body> Element, und ersetzt sie durch die neuen, angegebenen Inhalt.
Tipp: Der Unterschied zwischen dieser Eigenschaft und der document.documentElement Eigenschaft ist , dass das document.body Element gibt das <body> Element, während das document.documentElement gibt das <html> Element.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| body | Ja | Ja | Ja | Ja | Ja |
Syntax
Bringen Sie den Körper Eigenschaft:
document.bodyStellen Sie den Körper Eigenschaft:
document.body= newContent Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| newContent | Gibt den neuen Inhalt für <body> |
Technische Details
| Rückgabewert: | Ein Verweis auf das Körper Objekt, das eine steht für <body> Element oder null , wenn das Element nicht vorhanden ist |
|---|---|
| DOM Version | Core Level 1 Document Object |
Mehr Beispiele
Beispiel
Holen Sie sich den HTML-Inhalt des aktuellen Dokuments:
var x =
document.body.innerHTML; Versuch es selber " Beispiel
Ändern Sie den HTML-Inhalt des aktuellen Dokuments (wird alle bestehenden HTML-Elemente innerhalb <body> überschreiben):
document.body.innerHTML = "Some new HTML content"; Versuch es selber " Beispiel
Erstellen Sie ein <p> Element mit etwas Text und fügen Sie ihn auf das Dokument des Körpers:
var x = document.createElement("P"); // Create a <p>
element
var t = document.createTextNode("This is a
paragraph."); // Create a text node
x.appendChild(t);
// Append the text to <p>
document.body.appendChild(x);
// Append <p> to <body> Versuch es selber " Verwandte Seiten
HTML - Referenz: HTML <body> tag
JavaScript - Referenz: HTML DOM Körper Object
<Document Object