Attribut body Document HTML DOM

Définition et utilisation

body Les attributs définissent ou retournent l'élément <body> du document.

Attention :Définir body Les attributs couvriront tous les éléments du document <body>.

Avis

document.body et document.documentElement La différence :

  • document.body retourne l'élément <body>.
  • document.documentElement retourne l'élément <html>.

Voir également :

Attribut documentElement Document

Balise <body> HTML

Objet Body du DOM HTML

Exemple

Exemple 1

Obtenir le contenu HTML du document :

const myBody = document.body.innerHTML;

Essayez-le vous-même

Exemple 2

Changer la couleur de fond du document :

document.body.style.backgroundColor = "yellow";

Essayez-le vous-même

Exemple 3

Changer le <body> du document (remplacez tout le contenu existant) :

document.body.innerHTML = "Some new HTML content";

Essayez-le vous-même

Exemple 4

Créez un élément <p> et l'ajoutez au corps du document :

const para = document.createElement("p");
const node = document.createTextNode("Ceci est un paragraphe.");
para.appendChild(node);
document.body.appendChild(para);

Essayez-le vous-même

Syntaxe

Retourner l'attribut body :

document.body

Définir l'attribut body :

document.body = newContent

Valeur de l'attribut

Valeur Description
newContent Nouveau contenu de l'élément <body>.

Valeur de retour

Type Description
Objet L'élément body du document.

Support du navigateur

document.body C'est une caractéristique de DOM Level 1 (1998).

Tous les navigateurs le supportent pleinement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support