Cuerpo del documento HTML DOM
Ejemplos
Obtener el contenido HTML de un documento:
const myBody = document.body.innerHTML;
Cambiar el color de fondo de un documento:
document.body.style.backgroundColor = "yellow";
Cambiar el <cuerpo> de un documento (sobrescribir todo el contenido existente):
document.body.innerHTML = "Some new HTML content";
Más ejemplos a continuación.
Definición y uso
La body
propiedad establece o devuelve el elemento <body> de un documento.
Advertencia
Establecer la body
propiedad sobrescribe todos los elementos en el <cuerpo> del documento.
Nota
La diferencia entre document.body y document.documentElement :
document.body devuelve el elemento <body>.
document.documentElement devuelve el elemento <html>.
Ver también:
Sintaxis
Devuelve la propiedad del cuerpo:
document.body
Establecer la propiedad del cuerpo:
document.body = newContent
Valores de propiedad
Value | Description |
newContent | The new content for the <body> element. |
Valor devuelto
Escribe | Descripción |
Objeto | El elemento del cuerpo del documento. |
Más ejemplos
Crea un elemento <p> y añádelo al cuerpo del documento:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Compatibilidad con navegador
document.body
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |