資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚學
法學HTML DOM 頁尾物件
HTML DOM 頁尾物件與 HTML <footer> 元素相關聯。<footer> 元素是一個語義標記型別，在 HTML5 中引入。使用 Footer 物件，我們可以分別使用 createElement() 和 getElementById() 方法建立和獲取 <footer> 元素。
語法
以下是語法 −
建立一個頁尾物件 −
var p = document.createElement("FOOTER");示例
我們來看一個頁尾物件的示例 −
<!DOCTYPE html>
<html>
<head>
<script>
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
}
</script>
</head>
<body>
<h1>Footer object example</h1>
<p>Create a footer for this webpage by clicking the below button</p>
<button onclick="createFoot()">CREATE</button>
</body>
</html>輸出
這將生成以下輸出 −
單擊 CREATE 按鈕 −
在上面的示例中 −
我們首先建立了一個按鈕 CREATE，使用者單擊後將執行 createFoot() 方法。
<button onclick="createFoot()">CREATE</button>
createFoot() 方法使用 document 物件的 createElement() 方法建立頁尾元素。然後使用 appendChild() 方法將頁尾元素附加到文件正文，並使用 createElement() 方法建立另一個 <p> 元素。
然後使用 document 物件的 createTextNode() 方法建立文字節點。然後使用段落上的 appendChild() 方法將文字節點附加到段落。最後將段落及其文字節點作為頁尾元素的子元素附加，使用頁尾元素上的 appendChild() 方法 −
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
}
更新日期： 19-Feb-2021
559 次瀏覽
廣告