Corpo do documento HTML DOM
Exemplos
Obtenha o conteúdo HTML de um documento:
const myBody = document.body.innerHTML;
Altere a cor de fundo de um documento:
document.body.style.backgroundColor = "yellow";
Altere o <body> de um documento (substitua todo o conteúdo existente):
document.body.innerHTML = "Some new HTML content";
Mais exemplos abaixo.
Definição e uso
A body
propriedade define ou retorna o elemento <body> de um documento.
Aviso
Definir a body
propriedade substitui todos os elementos no <body> do documento.
Observação
A diferença entre document.body e document.documentElement :
document.body retorna o elemento <body>.
document.documentElement retorna o elemento <html>.
Veja também:
Sintaxe
Retorne a propriedade do corpo:
document.body
Defina a propriedade do corpo:
document.body = newContent
Valores de propriedade
Value | Description |
newContent | The new content for the <body> element. |
Valor de retorno
Modelo | Descrição |
Objeto | O elemento do corpo do documento. |
Mais exemplos
Crie um elemento <p> e anexe-o ao corpo do documento:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Suporte ao navegador
document.body
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |