HTML DOM Documentlichaam
Voorbeelden
De HTML-inhoud van een document ophalen:
const myBody = document.body.innerHTML;
De achtergrondkleur van een document wijzigen:
document.body.style.backgroundColor = "yellow";
Wijzig de <body> van een document (overschrijf alle bestaande inhoud):
document.body.innerHTML = "Some new HTML content";
Hieronder meer voorbeelden.
Definitie en gebruik
De body
eigenschap stelt het <body>-element van een document in of retourneert.
Waarschuwing
Als u de body
eigenschap instelt, worden alle elementen in de <body> van het document overschreven.
Opmerking
Het verschil tussen document.body en document.documentElement :
document.body retourneert het <body> element.
document.documentElement retourneert het <html> element.
Zie ook:
Syntaxis
Retourneer de eigenschap body:
document.body
Stel de body-eigenschap in:
document.body = newContent
Eigendomswaarden
Value | Description |
newContent | The new content for the <body> element. |
Winstwaarde
Type | Beschrijving |
Object | Het body-element van het document. |
Meer voorbeelden
Maak een <p>-element en voeg het toe aan de hoofdtekst van het document:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Browserondersteuning
document.body
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |