HTML DOM body 属性
Document 对象实例代码
修改当前文档的背景颜色：
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> 的新内容 |
技术细节
| 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 对象