数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM del dateTime 属性
HTML DOM del dateTime 属性与 HTML <del> 元素相关联，用于告知用户网站上的某些文本已删除。它告诉文本被删除的日期和时间。
语法
以下为此处的语法 −
设置 dateTime 属性 −
delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
在此处，YYYY=年数，MM=月份，DD=天数，T=分隔符或空格，hh=小时数，mm=分钟数，ss=秒数，TZD=时区标识符
示例
我们来看一个关于 del dateTime 属性的示例 −
<!DOCTYPE html>
<html>
<head>
<title>del dateTime property example</title>
<style>
#Sample{color:blue};
</style>
</head>
<body>
<h2>del dateTime property example</h2>
<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
<p>Click the below button to change the datetime attribute value of the deleted text above</p>
<button onclick="changeDate()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeDate() {
document.getElementById("Del1").dateTime = "2019-06-27T10:20:02Z";
document.getElementById("Sample").innerHTML = "The datetime attribute attribute was changed to '2019-06-27T10:20:02Z'.";
}
</script>
</body>
</html>输出
它将生成以下输出 −
单击 CHANGE 按钮 −
在上述示例中 −
我们首先在具有 id “Del1” 和 dateTime 属性值“2019-02-22T05:10:22Z” 的 <p> 元素内创建了一个 <del> 元素。
<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
然后，我们创建了按钮 CHANGE，当用户单击该按钮时，它将执行 changeDate() 方法 −
<button onclick="changeDate()">CHANGE</button>
changeDate() 方法获取 <del> 元素并将其 dateTime 属性值设置为“2019-06-27T10:20:02Z”。然后，我们将此更改显示在具有 id “Sample” 的段落中，并将其 innerHTML 属性设置为我们想显示的文本。段落“Sample” 内的文本以蓝色显示，因为它具有与之关联的与其 id 相对应的样式 −
function changeDate() {
document.getElementById("Del1").dateTime = "2019-06-27T10:20:02Z";
document.getElementById("Sample").innerHTML = "The datetime attribute attribute was changed to '2019-06-27T10:20:02Z'.";
}
更新于: 15-Feb-2021
86 次浏览
广告