HTML DOM Document body-ominaisuus

Määritelmä ja käyttö

body Ominaisuus asettaa tai palauttaa dokumentin <body>-elementin.

Huomaa:Aseta body Ominaisuus voi korvata kaikki elementit dokumentin <body>-elementissä.

Vinkki

document.body ja document.documentElement Ero:

  • document.body palauttaa <body>-elementin
  • document.documentElement palauttaa <html>-elementin

Katso myös:

Document documentElement-ominaisuus

HTML <body>-tagi

HTML DOM Body-objekti

Esimerkki

Esimerkki 1

Hanki dokumentin HTML-sisältö:

const myBody = document.body.innerHTML;

Kokeile itse

Esimerkki 2

Muuta dokumentin taustaväriä:

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

Kokeile itse

Esimerkki 3

Muuta dokumentin <body>-elementin sisältöä (korvaa kaikki nykyinen sisältö):

document.body.innerHTML = "Jotakin uutta HTML-sisältöä";

Kokeile itse

Esimerkki 4

Luo <p>-elementti ja liitä se dokumentin sisältöön:

const para = document.createElement("p");
const node = document.createTextNode("Tämä on kappale.");
para.appendChild(node);
document.body.appendChild(para);

Kokeile itse

Syntaksi

Palauta body-ominaisuus:

document.body

Aseta body-ominaisuus:

document.body = newContent

Ominaisuusarvo

Arvo Kuvaus
newContent Uusi sisältö <body>-elementille.

Palautusarvo

Tyyppi Kuvaus
Objekti Dokumentin body-elementti.

Selaimen tuki

document.body Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

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