HTML DOM Document body 属性

定义和用法

body 属性设置或返回文档的 <body> 元素。

注意:设置 body 属性会覆盖文档 <body> 中的所有元素。

提示

document.bodydocument.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 支持 支持 支持 支持