以下是一个简单的例子，演示如何使用 document.body 对象：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Body Object Example</title>
</head>
<body>
<script>
// 获取 body 元素
var bodyElement = document.body;
// 修改 body 的背景颜色
bodyElement.style.backgroundColor = 'lightgray';
// 在 body 中插入新元素
var newElement = document.createElement('p');
newElement.textContent = 'This is a new paragraph.';
bodyElement.appendChild(newElement);
</script>
</body>
</html>
在这个例子中，我们首先通过 document.body 获取了 <body> 元素，然后通过修改其 style 属性改变了背景颜色。接着，我们使用 createElement 创建了一个新的 <p> 元素，并使用 appendChild 将其添加到 <body> 元素中。
document.body 是与文档主体相关联的对象，允许你以编程方式操控和改变页面的外观和行为。你可以通过这个对象来获取和设置与 <body> 元素相关的属性，添加新的元素，修改样式等。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6198/JavaScript 和 HTML DOM