資料結構
網路
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 次檢視
廣告