HTML DOM 文件 body
示例
獲取文件的 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
屬性值
| 值 | 描述 |
| newContent | <body> 元素的最新內容。 |
返回值
| 型別 | 描述 |
| 物件 | 文件的 body 元素。 |
更多示例
建立一個 <p> 元素並將其附加到文件的 body
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
自己動手試一試 »
瀏覽器支援
document.body 是 DOM Level 1 (1998) 功能。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
