HTML DOM Del 对象
HTML DOM Del 对象与 HTML <del> 元素相关联。它用于表示 <del> 元素。使用 Del 对象,我们可以创建和访问 <del> 元素。
属性
Del 对象的属性如下 −
| 序列号 | 属性和说明 |
|---|---|
| 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>输出
这将产生以下输出 −

单击 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);
}
广告
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP