資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究HTML DOM 程式碼物件
HTML DOM 程式碼物件與 HTML 5 <code> 標記相關。它用於透過在 <code> 元素內部包圍一段程式碼的方式對其進行標記。程式碼物件基本上表示 <code> 元素。
語法
以下是語法 −
建立程式碼物件 −
var a = document.createElement("CODE");示例
讓我們看一個 HTML DOM 程式碼物件的示例 −
<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create a CODE element with some text</p>
<button onclick="createCode()">CREATE</button><br><br>
<script>
function createCode() {
var x = document.createElement("CODE");
var t = document.createTextNode("print('HELLO WORLD')");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html>輸出
它將產生以下輸出 −
點選 CREATE 時 −
在以上示例中 −
我們建立了一個名為 CREATE 的按鈕，當用戶單擊該按鈕時，它將執行 createCode() 方法 −
<button onclick="createCode()">CREATE</button><br><br>
createCode() 方法使用文件物件的 createElement(“CODE”) 方法建立一個 <code> 元素。建立的元素分配給變數 x。然後在文件物件上使用 createTextNode() 方法建立一個帶有文字的文字節點。該文字節點使用變數 x 上的 appendChild() 方法追加到 <code> 元素的子元素中。
這個 <code> 元素及其文字節點然後使用 appendChild() 方法追加到文件正文的子元素中 −
function createCode() {
var x = document.createElement("CODE");
var t = document.createTextNode("print('HELLO WORLD')");
x.appendChild(t);
document.body.appendChild(x);
}
更新於： 2021 年 2 月 20 日
107 個瀏覽量
廣告