HTML DOM 文档 body
示例
获取文档的 HTML 内容
const myBody = document.body.innerHTML;
试一试 »
更改文档的背景颜色
document.body.style.backgroundColor = "yellow";
试一试 »
更改文档的 <body>（覆盖所有现有内容）
document.body.innerHTML = "一些新的 HTML 内容";
试一试 »
更多示例见下文。
描述
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("这是一个段落。");
para.appendChild(node);
document.body.appendChild(para);
试一试 »
浏览器支持
document.body 是 DOM Level 1 (1998) 功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
