JavaScript HTML DOM body 属性

HTML DOM body 属性

document.body属性设置或返回文档的正文。返回时，此属性返回当前文档的<body>元素。在设置上，此属性将覆盖现有<body>元素内的所有子元素，并将其替换为新的指定内容。

提示：此属性与document.documentElement属性之间的区别在于document.body元素返回<body>元素，而document.documentElement返回>html>元素。

实例：

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

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

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
属性
body	支持	支持	支持	支持	支持

语法

返回body属性：

document.body

设置body属性：

document.body = newContent

newContent : 指定<body>的新内容。

技术细节

项目	描述
返回值：	对Body对象的引用，表示<body>元素
DOM版本	Core Level 1

更多例子

获取当前文档的HTML内容：

var x = document.body.innerHTML;

尝试一下

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

document.body.innerHTML = "Some new HTML content";

尝试一下

使用一些文本创建<p>元素并将其附加到文档的正文：

var x = document.createElement("P");                        // 新建一个p元素
var t = document.createTextNode("This is a paragraph.");    // 新建一个文本节点
x.appendChild(t);                                           // 把文本节点追加到p元素
document.body.appendChild(x);                               // 把p元素追加到body

尝试一下

JavaScript HTML DOM body 属性

HTML DOM body 属性

浏览器支持

语法

技术细节

更多例子

相关页面