Contoh
Mengubah warna latar belakang dari dokumen saat ini:
document.body.style.backgroundColor = "yellow";
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Tubuh set properti atau mengembalikan tubuh dokumen.
Kembali, properti ini mengembalikan <body> elemen dari dokumen saat ini.
Pada set, properti ini menimpa semua elemen anak dalam yang ada <body> elemen, dan menggantinya dengan yang baru, konten tertentu.
Tip: Perbedaan antara properti ini dan document.documentElement properti, adalah bahwa unsur document.body mengembalikan <body> elemen, sedangkan document.documentElement mengembalikan <html> elemen.
Dukungan Browser
Milik | |||||
---|---|---|---|---|---|
body | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
Kembali properti tubuh:
document.body
Mengatur properti tubuh:
document.body= newContent
Nilai properti
Nilai | Deskripsi |
---|---|
newContent | Menentukan konten baru untuk <body> |
Rincian teknis
Kembali Nilai: | Sebuah referensi ke Obyek Tubuh, yang merupakan <body> elemen, atau null jika elemen tersebut tidak ada |
---|---|
DOM Versi | Inti Level 1 Document Object |
Contoh lebih
Contoh
Dapatkan konten HTML dari dokumen saat ini:
var x =
document.body.innerHTML;
Cobalah sendiri " Contoh
Mengubah isi HTML dari dokumen saat ini (akan menimpa semua elemen HTML yang ada di dalam <body>):
document.body.innerHTML = "Some new HTML content";
Cobalah sendiri " Contoh
Buat <p> elemen dengan beberapa teks dan menambahkan ke tubuh dokumen:
var x = document.createElement("P"); // Create a <p>
element
var t = document.createTextNode("This is a
paragraph."); // Create a text node
x.appendChild(t);
// Append the text to <p>
document.body.appendChild(x);
// Append <p> to <body>
Cobalah sendiri " Pages terkait
: Referensi HTML HTML <body> tag
Referensi JavaScript: Obyek HTML DOM Tubuh
<Document Object