Gli ultimi tutorial di sviluppo web
 

HTML DOM body Propery

<Document Object

Esempio

Cambiare il colore del documento corrente di fondo:

document.body.style.backgroundColor = "yellow";
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

Gli insiemi di proprietà del corpo o restituisce il corpo del documento.

Al ritorno, questa proprietà restituisce l'elemento <body> del documento corrente.

Sul set, questa proprietà sovrascrive tutti gli elementi figlio all'interno del già esistente <body> elemento, e lo sostituisce con il nuovo contenuto, specificato.

Suggerimento: La differenza tra questa proprietà e il document.documentElement di proprietà, è che l'elemento document.body restituisce il <body> elemento, mentre il document.documentElement restituisce il <html> elemento.


Supporto browser

Proprietà
body

Sintassi

Restituire la proprietà del corpo:

document.body

Impostare la proprietà del corpo:

document.body= newContent

I valori delle proprietà

Valore Descrizione
newContent Specifica il nuovo contenuto per <body>

Dettagli tecnici

Valore di ritorno: Un riferimento all'oggetto corpo, che rappresenta un <body> elemento, oppure null se l'elemento non esiste
DOM Version Nucleo livello di oggetto di documento 1

Esempi

Altri esempi

Esempio

Prendi il contenuto HTML del documento corrente:

var x = document.body.innerHTML;
Prova tu stesso "

Esempio

Modificare il contenuto HTML del documento corrente (sovrascrive tutti gli elementi HTML esistenti all'interno di <body>):

document.body.innerHTML = "Some new HTML content";
Prova tu stesso "

Esempio

Creare un <p> elemento con un testo e aggiungerlo al corpo del documento:

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>
Prova tu stesso "

Pagine correlate

Di riferimento HTML: HTML <body> tag

Di riferimento JavaScript: Oggetto HTML DOM corpo


<Document Object