最新的Web開發教程
 

HTML DOM body Propery

<文檔對象

改變當前文檔的背景色:

document.body.style.backgroundColor = "yellow";
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

身體屬性設置或返回文檔的身體。

在返回時 ,該屬性返回當前文檔的<body>元素。

在設置後 ,此屬性將覆蓋現有的內部的所有子元素<body>元素,並用新的,指定的內容替換它。

提示:此屬性和之間的差異document.documentElement中屬性,是該document.body的元件返回<body>元素,而document.documentElement中返回<html>元素。


瀏覽器支持

屬性
body

句法

返回身體屬性:

document.body

Body屬性設置:

document.body= newContent

屬性值

描述
newContent 指定新內容<body>

技術細節

返回值: 甲參照體對象,它表示一個<body>元素,或者如果元件不存在空
DOM版本 核心1級文檔對象

例子

更多示例

獲取當前文檔的HTML內容:

var x = document.body.innerHTML;
試一試»

改變當前文檔的HTML內容(將覆蓋內部<BODY>所有現有的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 Body對象


<文檔對象