Atrybut HTML DOM Document body

Definicja i użycie

body Atrybuty ustawiają lub zwracają element <body> dokumentu.

Uwaga:Ustawienie body Atrybuty będą zastępować wszystkie elementy w <body> dokumentu.

Wskazówka

document.body i document.documentElement Różnica:

  • document.body zwraca element <body>
  • document.documentElement zwraca element <html>

Zobacz również:

Atrybut documentElement dokumentu

Tag <body> HTML

Obiekt Body DOM HTML

Przykład

Przykład 1

Pobierz zawartość HTML dokumentu:

const myBody = document.body.innerHTML;

Spróbuj sam!

Przykład 2

Zmień kolor tła dokumentu:

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

Spróbuj sam!

Przykład 3

Zmień zawartość <body> dokumentu (nadpisz wszystkie istniejące zawartości):

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

Spróbuj sam!

Przykład 4

Utwórz element <p> i dodaj go do treści dokumentu:

const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);

Spróbuj sam!

Gramatyka

Zwrócenie atrybutu ciała:

document.body

Ustawienie atrybutu ciała dokumentu:

document.body = newContent

Wartość atrybutu

Wartość Opis
newContent Nowe zawartość elementu <body>.

Zwracana wartość

Typ Opis
Obiekt element ciała dokumentu.

Obsługa przeglądarki

document.body jest cechą DOM Level 1 (1998).

Wszystkie przeglądarki obsługują je w pełni:

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