数据结构
网络
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 次瀏覽
广告