HTMLDOMドキュメント本文
例
ドキュメントのHTMLコンテンツを取得します。
const myBody = document.body.innerHTML;
ドキュメントの背景色を変更します。
document.body.style.backgroundColor = "yellow";
ドキュメントの<body>を変更します(既存のすべてのコンテンツを上書きします)。
document.body.innerHTML = "Some new HTML content";
以下のその他の例。
定義と使用法
プロパティは、ドキュメントのbody
<body>要素を設定または返します。
警告
プロパティを設定するbody
と、ドキュメントの<body>内のすべての要素が上書きされます。
ノート
document.bodyとdocument.documentElementの違い:
document.bodyは<body>要素を返します。
document.documentElementは、<html>要素を返します。
関連項目:
構文
bodyプロパティを返します。
document.body
bodyプロパティを設定します。
document.body = newContent
プロパティ値
Value | Description |
newContent | The new content for the <body> element. |
戻り値
タイプ | 説明 |
物体 | ドキュメントの本文要素。 |
その他の例
<p>要素を作成し、ドキュメントの本文に追加します。
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
ブラウザのサポート
document.body
DOMレベル1(1998)の機能です。
すべてのブラウザで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |