HTML DOM Body 对象

htmlweb developmentfront end technology更新于 2025/9/21 13:00:17

HTML DOM Body 对象与 HTML <body> 元素关联。body 标签内设置的属性及其值会在整个 HTML 文档中保留，除非它们被其任何子节点覆盖。body 对象可用于访问和操作这些属性及其值。

属性

以下是 HTML DOM Body 对象 − 的属性

注意 − HTML5 不支持以下属性。请使用 CSS 代替 −

属性	说明
aLink	设置或返回文档中的活动链接颜色。
background	设置或返回文档的背景图片
bgColor	设置或返回文档的背景颜色。
link	设置或返回文档中未访问链接的颜色。
text	设置或返回文本颜色文档的
vLink	设置或返回文档中已访问链接的颜色。

语法

以下是语法 −

创建 body 对象 −

var x = document.createElement("BODY");

示例

让我们看一个 HTML DOM body 对象的示例 −

<!DOCTYPE html>
<html>
<head>
<title>aside tag</title>
<h2>HTML DOM BODY OBJECT</h2>
<button onclick="createBody()">CREATE</button>
<script>
   function createBody() {
      var x = document.createElement("BODY");
      x.setAttribute("id", "myBody");
      document.body.appendChild(x);
      var Para = document.createElement("P");
      var text = document.createTextNode("A sample paragraph
      created as child of body");
      Para.appendChild(text);
      document.getElementById("myBody").appendChild(Para);
   }
</script>
</head>
</html>

输出

这将产生以下输出 −

点击创建 −

在上面的例子中 −

我们创建了一个按钮 CREATE 来调用函数 createBody() −

<button onclick="createBody()">CREATE</button>

createBody() 方法创建元素 <body> 并将其赋值给变量 x。使用 setAttribute() 方法，我们将 body 元素的 id 设置为 “myBody”，并使用 appendChild() 方法将 body 元素作为文档的子元素附加。然后，创建另一个元素 <p>(段落)，其文本节点为"A sample paragraph created as child of body"。该文本节点将作为段落的子节点附加。最后，使用 <body> 元素的 id，将段落附加到 body 元素。

function createBody() {
   var x = document.createElement("BODY");
   x.setAttribute("id", "myBody");
   document.body.appendChild(x);
   var Para = document.createElement("P");
   var text = document.createTextNode("A sample paragraph created as child of body");
   Para.appendChild(text);
   document.getElementById("myBody").appendChild(Para);
}