HTML-DOM-Dokumentkörper
Beispiele
Holen Sie sich den HTML-Inhalt eines Dokuments:
const myBody = document.body.innerHTML;
Ändern Sie die Hintergrundfarbe eines Dokuments:
document.body.style.backgroundColor = "yellow";
Ändern Sie den <body> eines Dokuments (überschreiben Sie alle vorhandenen Inhalte):
document.body.innerHTML = "Some new HTML content";
Weitere Beispiele unten.
Definition und Verwendung
Die bodyEigenschaft legt das <body>-Element eines Dokuments fest oder gibt es zurück.
Warnung
Das Setzen der bodyEigenschaft überschreibt alle Elemente im <body> des Dokuments.
Notiz
Der Unterschied zwischen document.body und document.documentElement :
document.body gibt das <body>-Element zurück.
document.documentElement gibt das <html>-Element zurück.
Siehe auch:
Syntax
Rückgabe der body-Eigenschaft:
document.body
Legen Sie die body-Eigenschaft fest:
document.body = newContent
Eigenschaftswerte
| Value | Description |
| newContent | The new content for the <body> element. |
Rückgabewert
| Typ | Beschreibung |
| Objekt | Das Textelement des Dokuments. |
Mehr Beispiele
Erstellen Sie ein <p>-Element und hängen Sie es an den Hauptteil des Dokuments an:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Browser-Unterstützung
document.bodyist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |