資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法律研究HTML DOM 標題物件
HTML DOM 標題物件與 HTML 標題元素有關，範圍從 <h1> 到 <h6>。透過使用標題物件，我們可以使用 createElement() 和 getElementById() 方法分別建立和存取標題元素。
語法
以下是語法 −
建立標題物件 −
var p = document.createElement("H1");範例
以下是標題物件的範例 −
<!DOCTYPE html>
<html>
<body>
<h1>Heading object example</h1>
<p>Create a h1 element by clicking the below button</p>
<button onclick="createH1()">CREATE</button>
<script>
function createH1() {
var h = document.createElement("H1");
var txt = document.createTextNode("H1 element has been created");
h.appendChild(txt);
document.body.appendChild(h);
}
</script>
</body>
</html>輸出
這會產生以下輸出 −
按一下建立按鈕 −
在上方的範例中 −
我們首先建立一個建立按鈕，使用者按一下後會執行 headerCreate() 方法 −
<button onclick="createH1()">CREATE</button>
CreateH1() 方法使用檔案物件上的 createElement() 方法建立一個 <h1> 標題元素，並將其指定給變數 h。然後我們使用檔案物件的 createTextNode() 方法為它建立一個文位元組點。文位元組點使用 appendChild() 方法附加到 <h1> 元素。最後，<h1> 元素以及文位元組點一同使用 appendChild() 方法附加為檔案的本體的子節點 −
function createH1() {
var h = document.createElement("H1");
var txt = document.createTextNode("H1 element has been created");
h.appendChild(txt);
document.body.appendChild(h);
}
更新日期：2021 年 2 月 19 日
435 次瀏覽
廣告