その文書の <body> 要素、または <frameset> 要素を返します。要素がない場合は null を返します。

構文

var objRef = document.body; //取得 
document.body = objRef; //設定

// in HTML: <body id="oldBodyElement"></body>
alert(document.body.id); // "oldBodyElement"

var aNewBodyElement = document.createElement("body");

aNewBodyElement.id = "newBodyElement";
document.body = aNewBodyElement;
alert(document.body.id); // "newBodyElement"

注記

document.body は文書の内容を持つ要素です。
<body> 配下の文書では <body> 要素が返ります。
frameset 文書の場合は、最も外側の <frameset> 要素が返ります。

document.body は読取だけでなく設定も可能ですが、新しい bodydocument に設定すると、既存の <body> 要素の子ノードは全て削除されます。

仕様書

Specification Status Comment
HTML Living Standard
Document.body の定義
現行の標準  
HTML 5.1
Document.body の定義
勧告  
HTML5
Document.body の定義
勧告  
Document Object Model (DOM) Level 2 HTML Specification
Document.body の定義
廃止された  
Document Object Model (DOM) Level 1 Specification
Document.body の定義
廃止された 初期定義

ブラウザ実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応1 あり2169.64
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり あり1 あり5 ?

1. The body property was implemented on the HTMLDocument interface in Firefox for a long time, hence document.body would not return the <body> element if the document's Content-Type was not set to text/html or application/xhtml+xml (or if it came from DOMParser.parseFromString without the text/html type being used). This has been fixed in Firefox 60.

関連情報

ドキュメントのタグと貢献者

このページの貢献者: YuichiNukiyama, tanaka0325, fscholz, khalid32, ethertank
最終更新者: YuichiNukiyama,