HTML DOM Document body属性

定義と用法

body 属性はドキュメントの<body>要素を設定または返します。

注意：設定 body 属性はドキュメント<body>内のすべての要素をオーバーライドします。

ヒント

document.body と document.documentElement の違い：

  • document.bodyは<body>要素を返します
  • document.documentElementは<html>要素を返します

参照もどうぞ：

Document documentElement属性

HTML <body> タグ

HTML DOM Body オブジェクト

例

例1

ドキュメントのHTML内容を取得：

const myBody = document.body.innerHTML;

自分で試してみてください

例2

ドキュメントの背景色を変更：

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

自分で試してみてください

例3

ドキュメントの<body>を変更（すべての既存内容をオーバーライド）：

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

自分で試してみてください

例4

<p>要素を作成し、ドキュメントの本文に追加します：

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

自分で試してみてください

文法

body属性を返す：

document.body

body属性を設定：

document.body = newContent

属性値

値 説明
newContent <body>要素の新しい内容。

返り値

タイプ 説明
オブジェクト ドキュメントのbody要素。

ブラウザのサポート

document.body DOMレベル1（1998）の機能です。

すべてのブラウザが完全にサポートしています：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート