HTML DOM Dokument liggaam
Voorbeelde
Kry die HTML-inhoud van 'n dokument:
const myBody = document.body.innerHTML;
Verander die agtergrondkleur van 'n dokument:
document.body.style.backgroundColor = "yellow";
Verander die <body> van 'n dokument (skryf alle bestaande inhoud oor):
document.body.innerHTML = "Some new HTML content";
Meer voorbeelde hieronder.
Definisie en gebruik
Die body
eienskap stel of gee 'n dokument se <liggaam>-element terug.
Waarskuwing
Deur die body
eienskap te stel, word alle elemente in die dokument se <liggaam> oorskryf.
Let wel
Die verskil tussen document.body en document.documentElement :
document.body gee die <body>-element terug.
document.documentElement gee die <html>-element terug.
Sien ook:
Sintaksis
Gee die liggaamseienskap terug:
document.body
Stel die liggaamseienskap:
document.body = newContent
Eiendomswaardes
Value | Description |
newContent | The new content for the <body> element. |
Terugkeerwaarde
Tik | Beskrywing |
Voorwerp | Die liggaamselement van die dokument. |
Meer voorbeelde
Skep 'n <p>-element en voeg dit by die dokument se liggaam:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Blaaierondersteuning
document.body
is 'n DOM Vlak 1 (1998) kenmerk.
Dit word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |