資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
安卓
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究HTML DOM header 物件
HTML DOM header 物件與 HTML 中引入的 <header> 元素相關聯。使用 header 物件，我們分別可以使用 createElement() 和 getElementById() 方法建立和訪問 <header> 元素。
語法
以下是語法方法 −
建立一個 header 物件 −
var p = document.createElement("HEADER");示例
讓我們看一個關於 HTML DOM header 物件的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Header object example</h1>
<p>Create a header element by clicking the below button</p>
<button onclick="headerCreate()">CREATE</button>
<script>
function headerCreate() {
var h = document.createElement("HEADER");
document.body.appendChild(h);
var h2 = document.createElement("H2");
var txt = document.createTextNode("Header element containing a h2 element is now created");
h2.appendChild(txt);
h.appendChild(h2);
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
點選 CREATE 按鈕後 −
在上例中 −
我們建立了一個按鈕 CREATE，當用戶點選 CREATE 按鈕時，將執行 createHeader() 方法 −
<button onclick="headerCreate()">CREATE</button>
headerCreate() 方法使用文字文件的 createElement() 方法建立一個 header 元素，並將其分配給變數 h。然後，它在文字文件的主體上呼叫 appendChild() 方法，將 header 新增為主體的子內容。使用上面同樣的方法，我們使用文字文件的 createTextNode() 方法建立一個 <h2> 元素以及一個文字節點。
使用 appendChild() 方法將文字節點追加到 <h2> 元素。最後，使用 appendChild() 方法將 <h2> 元素和其中的文字節點一起追加為主元素的子內容 −
function headerCreate() {
var h = document.createElement("HEADER");
document.body.appendChild(h);
var h2 = document.createElement("H2");
var txt = document.createTextNode("Header element containing a h2 element is now created");
h2.appendChild(txt);
h.appendChild(h2);
}
更新日期：19-2 月 -2021
2K+ 瀏覽量
廣告