HTML DOM body 屬性
Document 對象實例
修改當前文檔的背景顏色：
document.body.style.backgroundColor = "yellow";
定義與用法
body 屬性用於設置或返回文檔體。
如果是返回, 該屬性返回當前文檔的 <body> 元素。
如果是設置, 該屬性會覆蓋所有在 <body> 元素中的子元素, 並用新的內容來替換它。
提示: 與 document.documentElement 屬性不同的是， document.body 屬性返回 <body> 元素， document.documentElement 屬性返回 <html> 元素。
流覽器支持
| 屬性 | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
語法
返回 body 屬性：
document.body
設置 body 屬性：
document.body = newContent
屬性
| 值 | 描述 |
|---|---|
| newContent | 指定 <body> 的新內容 |
技術細節
| DOM 版本： | Core Level 1 Document Object |
|---|---|
| 返回值： | Body 對象的引用，表示 <body> 元素 |
更多實例
實例
獲取當前文檔的 HTML 你內容：
var x = document.body.innerHTML;
實例
修改當前文檔的 HTML 內容:
document.body.innerHTML = "新的內容...";
實例
創建 <p> 元素，並將其添加在文檔中：
var x = document.createElement("P"); // 創建 <p> 元素
var t = document.createTextNode("這是新增的段落。"); // 創建文本節點
x.appendChild(t); // 文本添加到 <p> 元素中
document.body.appendChild(x); // 將 <p> 添加到 <body> 中
相關頁面
HTML 參考手冊: HTML <body> 標籤
JavaScript 參考手冊: HTML DOM Body 對象