Proprietà body HTML DOM Document

Definizione e uso

body L'attributo imposta o restituisce l'elemento <body> del documento.

Attenzione:Imposta body L'attributo sovrascriverà tutti gli elementi nel documento <body>.

Suggerimento

document.body e document.documentElement La differenza è:

  • document.body restituisce l'elemento <body>.
  • document.documentElement restituisce l'elemento <html>.

Vedi anche:

Proprietà documentElement Document

Etichetta <body> HTML

Oggetto Body DOM HTML

Esempio

Esempio 1

Ottieni il contenuto HTML del documento:

const myBody = document.body.innerHTML;

Prova te stesso

Esempio 2

Cambia il colore di sfondo del documento:

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

Prova te stesso

Esempio 3

Cambia il <body> del documento (sovrascrive tutto il contenuto esistente):

document.body.innerHTML = "Alcun nuovo contenuto HTML";

Prova te stesso

Esempio 4

Crea un elemento <p> e aggiungilo al corpo del documento:

const para = document.createElement("p");
const node = document.createTextNode("Questo è un paragrafo.");
para.appendChild(node);
document.body.appendChild(para);

Prova te stesso

Sintassi

Restituisce l'attributo body:

document.body

Imposta l'attributo body:

document.body = newContent

Valore dell'attributo

Valore Descrizione
newContent Nuovo contenuto dell'elemento <body>.

Valore di ritorno

Tipo Descrizione
Oggetto L'elemento body del documento.

Supporto del browser

document.body È una caratteristica di DOM Level 1 (1998).

Tutti i browser lo supportano completamente:

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