Corps du document HTML DOM
Exemples
Obtenir le contenu HTML d'un document :
const myBody = document.body.innerHTML;
Modifier la couleur d'arrière-plan d'un document :
document.body.style.backgroundColor = "yellow";
Modifier le <body> d'un document (écraser tout le contenu existant) :
document.body.innerHTML = "Some new HTML content";
Plus d'exemples ci-dessous.
Définition et utilisation
La body
propriété définit ou renvoie l'élément <body> d'un document.
Avertissement
La définition de la body
propriété écrase tous les éléments du <body> du document.
Noter
La différence entre document.body et document.documentElement :
document.body renvoie l'élément <body>.
document.documentElement renvoie l'élément <html>.
Voir également:
Syntaxe
Renvoyez la propriété body :
document.body
Définissez la propriété body :
document.body = newContent
Valeurs de propriété
Value | Description |
newContent | The new content for the <body> element. |
Valeur de retour
Taper | La description |
Objet | L'élément de corps du document. |
Plus d'exemples
Créez un élément <p> et ajoutez-le au corps du document :
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Prise en charge du navigateur
document.body
est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |