HTML DOM body Propery

<Document Object

Ejemplo

Cambiar el color de fondo del documento actual:

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

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

Los conjuntos de propiedades corporales o devuelve el cuerpo del documento.

En cambio, esta propiedad devuelve el elemento <body> del documento actual.

En conjunto, esta propiedad sobrescribe todos los elementos secundarios dentro de la existente <body> elemento, y lo reemplaza con el nuevo contenido, especificado.

Consejo: La diferencia entre esta propiedad y el document.documentElement propiedad, es que el elemento document.body devuelve el <body> elemento, mientras que el document.documentElement devuelve el <html> elemento.

Soporte del navegador

Propiedad
body	Sí	Sí	Sí	Sí	Sí

Sintaxis

Devolver la propiedad del cuerpo:

document.body

Establecer la propiedad del cuerpo:

document.body= newContent

Valores de propiedad

Valor	Descripción
newContent	Especifica el nuevo contenido para <body>

Detalles técnicos

Valor de retorno:	Una referencia a la Objeto del cuerpo, lo que representa un <body> elemento, o null si el elemento no existe
Versión DOM	Nivel básico Objeto Documento 1

Más ejemplos

Ejemplo

Obtener el contenido HTML del documento actual:

var x = document.body.innerHTML;

Inténtalo tú mismo "

Ejemplo

Cambiar el contenido HTML del documento actual (se sobreponen a todos los elementos HTML existentes en el interior <body>):

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

Inténtalo tú mismo "

Ejemplo

Crear un <p> elemento con algún texto y añadirlo al cuerpo 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>

Inténtalo tú mismo "