轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM body 属性

实例

修改当前文档的背景颜色:

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> 的新内容

技术细节

返回值: Body 对象的引用，表示 <body> 元素
DOM 版本 Core Level 1 Document Object

更多实例

实例

获取当前文档的 HTML 内容:

var x = document.body.innerHTML;
亲自试一试 »

实例

更改当前文档的HTML内容（将覆盖 <body> 中的所有现有HTML元素）:

document.body.innerHTML = "Some new HTML content";
亲自试一试 »

实例

创建 <p> 元素，并将其添加在文档中：

var x = document.createElement("P");                        // Create a <p> element
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>
亲自试一试 »

相关页面

HTML 参考手册: HTML <body> 标签

JavaScript 参考手册: HTML DOM Body 对象

❮ Document 对象