HTML DOM Del 对象

htmlweb developmentfront end technology更新于 2024/5/20 9:48:17

HTML DOM Del 对象与 HTML <del> 元素关联。它用于表示 <del> 元素。使用 Del 对象，我们可以创建和访问 <del> 元素。

属性

以下是 Del 对象 − 的属性

Sr.No	属性和说明
1	cite 设置或返回已删除文本的 cite 属性值。
2	dateTime 设置或返回已删除文本的 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>

输出

这将产生以下输出 −

点击"创建"按钮 −

在上面的例子中 −

我们首先创建了一个"创建"按钮，当用户点击该按钮时，它将执行 delCreate() 方法 −

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

delCreate() 方法使用 createElement() 创建一个 <del> 元素，并将其赋值给变量 d。然后，它使用 createTextNode() 方法创建一个包含文本的文本节点。然后使用 del 元素的 appendChild() 方法将文本节点附加到 <del> 元素，并将文本节点附加到该元素。

然后使用 document.body appendChild() 方法将 <del> 元素连同文本节点一起附加到文档主体，并将变量 d 作为参数传递 −

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