最新のWeb開発のチュートリアル
 

HTML DOM body Propery

<ドキュメントオブジェクト

現在のドキュメントの背景色を変更します。

document.body.style.backgroundColor = "yellow";
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

bodyプロパティは、文書の本文を設定したり返します。

リターンでは 、このプロパティは、現在のドキュメントの<body>要素を返します。

セットでは 、このプロパティは、既存の内部のすべての子要素上書き<body>要素を、そして新しい、指定されたコンテンツに置き換えます。

ヒント:このプロパティとの間の差はdocument.firstChildのプロパティは、document.body要素を返すことである<body>はdocument.firstChildを返しながら、要素を<html>要素。


ブラウザのサポート

プロパティ
body はい はい はい はい はい

構文

身体のプロパティを返します:

document.body

身体のプロパティを設定します。

document.body= newContent

プロパティ値

説明
newContent 以下のための新しい内容を指定します<body>

技術的な詳細

戻り値: 表すボディオブジェクトへの参照、 <body>要素、または要素が存在しない場合はnull
DOMバージョン コアレベル1のドキュメントオブジェクト

例

その他の例

現在のドキュメントのHTMLコンテンツを取得します。

var x = document.body.innerHTML;
»それを自分で試してみてください

(<BODY>内のすべての既存のHTML要素を上書きします)現在のドキュメントのHTMLコンテンツを変更します。

document.body.innerHTML = "Some new HTML content";
»それを自分で試してみてください

作成<p>いくつかのテキストを持つ要素を、ドキュメントの体にそれを追加します。

var x = document.createElement("P");                        // Create a <p> element
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <body>タグ

JavaScriptリファレンス: HTML DOMボディオブジェクト


<ドキュメントオブジェクト