HTML DOM body 属性
页面下方有更多实例。
定义和用法
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> 的新内容 |
技术细节
返回值: | Body 对象的引用,表示 <body> 元素 |
---|---|
DOM 版本 | Core Level 1 Document Object |
更多实例
实例
更改当前文档的HTML内容(将覆盖 <body> 中的所有现有HTML元素):
document.body.innerHTML = "Some new HTML content";
亲自试一试 »
实例
创建 <p> 元素,并将其添加在文档中:
var x = document.createElement("P"); // Create a <p> element
var t = document.createTextNode("This is a paragraph."); // Create a text node
x.appendChild(t); // Append the text to <p>
document.body.appendChild(x); // Append <p> to <body>
亲自试一试 »
相关页面
HTML 参考手册: HTML <body> 标签
JavaScript 参考手册: HTML DOM Body 对象
❮ Document 对象