Atribut Document body DOM HTML
- Halaman Sebelumnya baseURI
- Halaman Berikutnya charset
- Kembali ke Lapisan Atas Documents 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:
Contoh
Contoh 1
Ambil konten HTML dokumen:
const myBody = document.body.innerHTML;
Contoh 2
Ubah warna latar belakang dokumen:
document.body.style.backgroundColor = "yellow";
Contoh 3
Ubah <body> dokumen (menutupi semua konten yang ada):
document.body.innerHTML = "Some new HTML content";
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);
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 |
- Halaman Sebelumnya baseURI
- Halaman Berikutnya charset
- Kembali ke Lapisan Atas Documents DOM HTML