2022-10-10 |

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

技术细节

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 对象

0

TypeScript
javascript
HTML DOM编程
jQuery
css教程
CSS3
HTML
php
java
c语言
C++

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论