Atribut Document body DOM HTML

Definisi dan penggunaan

body Atribut mengatur atau mengembalikan elemen <body> dokumen.

Perhatian:Atur body Atribut akan menutupi semua elemen di <body> dokumen.

Peringatan

document.body dengan document.documentElement Perbedaan:

  • document.body mengembalikan elemen <body>.
  • document.documentElement mengembalikan elemen <html>.

Lihat pula:

Atribut documentElement Document

Tag HTML <body>

Objek Body DOM HTML

Contoh

Contoh 1

Ambil konten HTML dokumen:

const myBody = document.body.innerHTML;

Coba sendiri

Contoh 2

Ubah warna latar belakang dokumen:

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

Coba sendiri

Contoh 3

Ubah <body> dokumen (menutupi semua konten yang ada):

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

Coba sendiri

Contoh 4

Buat elemen <p> dan lampirkan ke teks dokumen:

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

Coba sendiri

Sintaks

Kembalikan atribut body:

document.body

Atur atribut body:

document.body = newContent

Nilai atribut

Nilai Deskripsi
newContent Konten baru elemen <body>.

Nilai kembalian

Tipe Deskripsi
Objek Elemen body dokumen.

Dukungan peramban

document.body Adalah fitur DOM Level 1 (1998).

Seluruh peramban mendukungnya penuhnya:

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