HTML DOM Document body özelliği

Tanım ve Kullanım

body Özellik, belgenin <body> öğesini ayarlar veya döndürür.

Dikkat:Ayarla body Özellik, belgenin <body>'indeki tüm öğeleri geçersiz kılar.

İpucu

document.body ve document.documentElement Farkı:

  • document.body <body> öğesini döndürür
  • document.documentElement <html> öğesini döndürür

Ayrıca bkz.:

Document documentElement özelliği

HTML <body> etiketi

HTML DOM Görünüm nesnesi

Örnek

Örnek 1

Belgenin HTML içeriğini alın:

const myBody = document.body.innerHTML;

Kişisel olarak deneyin

Örnek 2

Belgenin arka plan rengini değiştirin:

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

Kişisel olarak deneyin

Örnek 3

Belgenin <body>'sini değiştirin (tüm mevcut içerikleri geçersiz kılayın):

document.body.innerHTML = "Yeni HTML içeriği";

Kişisel olarak deneyin

Örnek 4

<p> öğesini oluşturun ve belgenin metnine ekleyin:

const para = document.createElement("p");
const node = document.createTextNode("Bu bir paragraftır.");
para.appendChild(node);
document.body.appendChild(para);

Kişisel olarak deneyin

Sözdizimi

Body özelliğini döndür:

document.body

Body özelliğini ayarla:

document.body = newContent

Özellik değeri

Değer Açıklama
newContent <body> öğesinin yeni içeriği.

Dönüş değeri

Tip Açıklama
Nesne Belgenin body öğesi.

Tarayıcı desteği

document.body DOM Seviye 1 (1998) özelliğidir.

Tüm tarayıcılar tamamen onu destekler:

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