在 HTML DOM 中,<del> 元素表示文档中不再准确的或不再相关的文本,即被标记为删除的文本。删除的文本通常会用删除线标记。

HTML DOM 提供了一些方法和属性,允许你通过 JavaScript 操作 <del> 元素。以下是一些相关的属性和方法:

1. textContent 属性: 获取或设置 <del> 元素的文本内容。
   var delElement = document.getElementById("myDelElement");
   var textContent = delElement.textContent; // 获取文本内容
   delElement.textContent = "新的文本内容"; // 设置新的文本内容

2. cite 属性: 获取或设置 <del> 元素的 cite 属性,表示被删除文本的来源 URL。
   var delElement = document.getElementById("myDelElement");
   var citeAttribute = delElement.cite; // 获取 cite 属性
   delElement.cite = "https://example.com"; // 设置 cite 属性

3. dateTime 属性: 获取或设置 <del> 元素的 dateTime 属性,表示被删除文本的日期和时间。
   var delElement = document.getElementById("myDelElement");
   var dateTimeAttribute = delElement.dateTime; // 获取 dateTime 属性
   delElement.dateTime = "2023-01-01T12:00:00"; // 设置 dateTime 属性

这里是一个示例 HTML 文件,其中包含一个 <del> 元素:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML DOM 示例</title>
</head>
<body>

<del id="myDelElement" cite="https://example.com" dateTime="2022-01-01T00:00:00">删除的文本</del>

<script>
    // 示例操作 DOM 元素的 JavaScript 代码
    var delElement = document.getElementById("myDelElement");
    console.log("textContent:", delElement.textContent);
    console.log("cite:", delElement.cite);
    console.log("dateTime:", delElement.dateTime);
</script>

</body>
</html>

在这个例子中,通过 JavaScript 获取了 <del> 元素的文本内容、cite 属性和 dateTime 属性,并在控制台输出。


转载请注明出处:http://www.zyzy.cn/article/detail/4467/HTML