JavaScript设置或获取页面body内容|Document body 属性

由 hcduguo

Document 对象参考手册

定义与用法

body 属性用于设置或返回文档体。

如果是返回, 该属性返回当前文档的 <body> 元素。

如果是设置, 该属性会覆盖所有在 <body> 元素中的子元素, 并用新的内容来替换它。

提示: 与 document.documentElement 属性不同的是， document.body 属性返回 <body> 元素， document.documentElement 属性返回 <html> 元素。

语法格式

返回 body 属性：

document.body

设置 body 属性：

document.body = newContent

示例代码

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

document.body.style.backgroundColor = "yellow";

亲自试试

浏览器支持

属性Google ChromeInternet ExplorerFirefoxSafariOpera
bodyYesYesYesYesYes

参数说明

值描述
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 对象

Document 对象参考手册

相关