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 Level 1 (1998) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持