获取文档的 HTML 内容:
const myBody = document.body.innerHTML;
亲自试一试 »
更改文档的背景颜色:
document.body.style.backgroundColor = "yellow";
亲自试一试 »
更改文档的<body>(覆盖所有现有内容):
document.body.innerHTML = "Some new HTML content";
亲自试一试 »
下面有更多示例。
这个body
属性设置或返回文档的 <body> 元素。
设置body
属性会覆盖文档 <body> 中的所有元素。
和...之间的不同文档正文和文档.文档元素:
document.body 返回 <body> 元素。
document.documentElement 返回 <html> 元素。
返回主体属性:
document.body
设置主体属性:
document.body =
newContent
Value | Description |
newContent | The new content for the <body> element. |
类型 | 描述 |
对象 | 文档的正文元素。 |
创建一个 <p> 元素并将其附加到文档的正文中:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
亲自试一试 »
document.body
是 DOM Level 1 (1998) 功能。
所有浏览器都完全支持它:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!