Body的定义及其用法

最新推荐文章于 2025-01-30 18:23:19 发布

原创最新推荐文章于 2025-01-30 18:23:19 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了DOM中的body属性，包括其用法和语法。body属性用于获取或设置HTML文档的<body>元素。通过document.body，你可以访问或修改页面内容。示例代码展示了如何获取当前文档的内容，以及如何创建新的HTML元素并将其添加到文档中。此外，文章还对比了document.body与document.documentElement的区别。

定义用法:body 属性用于设置或返回文档体。
语法：document.body
如果是返回, 该属性返回当前文档的 <body> 元素。
如果是设置, 该属性会覆盖所有在 <body> 元素中的子元素, 并用新的内容来替换它。
提示: 与 document.documentElement 属性不同的是， document.body 属性返回 <body> 元素，
document.documentElement 属性返回 <html> 元素。
所有浏览器支持body属性
属性:
值描述
newContent 指定 <body> 的新内容
A.获取当前文档的HTML内容

var x = document.body.innerHTML;

B.修改当前文档的HTML内容

document.body.innerHTML = "新的内容...";

C.创建元素，并将其添加在文档中
var x = document.createElement("P"); // 创建 元素

var t = document.createTextNode("这是新增的段落。"); // 创建文本节点

x.appendChild(t); // 文本添加到 元素中

document.body.appendChild(x); // 将 添加到 <body> 中