HTML DOM Del 物件


HTML DOM Del 物件與 HTML <del> 元素相關聯。它用於表示 <del> 元素。使用 Del 物件,我們可以建立和訪問 <del> 元素。

屬性

Del 物件的屬性如下 −

序列號屬性和說明
1cite
設定或返回已刪除文字的 cite 屬性值。
2dateTime
設定或返回已刪除文字的 datetime 屬性值。

語法

以下是語法 −

建立 Del 物件 −

var p = document.createElement("DEL");

示例

讓我們看一個 HTML DOM Del 物件示例 −

線上演示

<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
   function delCreate() {
      var d= document.createElement("DEL");
      var t = document.createTextNode("Deleted text is here");
      d.appendChild(t);
      document.body.appendChild(d);
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 −

單擊 CREATE 按鈕後 −

在以上示例中 −

我們首先建立了一個 CREATE 按鈕,當用戶單擊時該按鈕將執行 delCreate() 方法 −

<button onclick="delCreate()">CREATE</button>

delCreate() 方法使用 createElement() 建立一個 <del> 元素,並將其分配給變數 d。然後,它使用 createTextNode() 方法建立一個文字節點,其中包含一些文字。然後使用 del 元素的 appendChild() 方法將文字節點追加到 <del> 元素,並將其附加到文字節點。

然後使用 document.body appendChild() 方法和將變數 d 作為引數傳遞,將 <del> 元素與文字節點一起追加到文件正文 −

function delCreate() {
   var d= document.createElement("DEL");
   var t = document.createTextNode("Deleted text is here");
   d.appendChild(t);
   document.body.appendChild(d);
}

更新於: 15-Feb-2021

93 次瀏覽

開啟你的 職業生涯

完成課程即可獲得認證

開始吧
廣告
© . All rights reserved.