目录

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 返回 <body> 元素。
document.documentElement 返回 <html> 元素。

也可以看看:

文档 documentElement 属性

HTML <body> 标签

HTML DOM 主体对象


语法

返回主体属性:

document.body

设置主体属性:

document.body = newContent

属性值

Value Description
newContent The new content for the <body> element.

返回值

类型 描述
对象 文档的正文元素。

更多示例

创建一个 <p> 元素并将其附加到文档的正文中:

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
Yes Yes Yes Yes Yes 9-11