数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM Body 对象
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);
}
更新于: 2019年8月6日
305 次查看
广告