Exemple
Changer la couleur de fond du document en cours:
document.body.style.backgroundColor = "yellow"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés du corps ou retourne le corps du document.
Au retour, cette propriété renvoie l'élément <body> du document en cours.
Sur le plateau, cette propriété remplace tous les éléments enfants à l' intérieur existant <body> élément, et le remplace par le nouveau contenu spécifié.
Astuce: La différence entre cette propriété et la document.documentElement propriété, est que l'élément document.body renvoie le <body> élément, tandis que le document.documentElement renvoie le <html> élément.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| body | Oui | Oui | Oui | Oui | Oui |
Syntaxe
Retourne la propriété du corps:
document.bodyDéfinissez la propriété du corps:
document.body= newContent Valeurs de propriété
| Valeur | La description |
|---|---|
| newContent | Indique le nouveau contenu pour <body> |
Détails techniques
| Valeur de retour: | Une référence à l'objet du corps, ce qui représente un <body> élément, ou null si l'élément n'existe pas |
|---|---|
| version DOM | Niveau de base 1 Document Object |
autres exemples
Exemple
Obtenez le contenu HTML du document en cours:
var x =
document.body.innerHTML; Essayez vous - même » Exemple
Modifier le contenu HTML du document en cours (écrasera tous les éléments HTML existants à l'intérieur <body>):
document.body.innerHTML = "Some new HTML content"; Essayez vous - même » Exemple
Créer un <p> élément avec un texte et l' ajouter au corps du document:
var x = document.createElement("P"); // Create a <p>
element
var t = document.createTextNode("This is a
paragraph."); // Create a text node
x.appendChild(t);
// Append the text to <p>
document.body.appendChild(x);
// Append <p> to <body> Essayez vous - même » Pages associées
Référence HTML: HTML <body> balise
JavaScript référence: HTML DOM Objet du corps
<Document Object