HTMLModElement: dateTime 属性
HTMLModElement 接口的 dateTime 属性是一个包含机器可读日期和可选时间的字符串。它反映了 <del> 和 <ins> 元素的 datetime HTML 属性。
值
字符串。有关有效的字符串格式，请参阅 datetime 有效值。
示例
给定以下 HTML
html
<p>The paragraph <del datetime="2021-11-01">has been</del> changed</p>
我们可以获取 <del> 元素的 dateTime 属性值
js
const deletedText = document.querySelector("del");
console.log(deletedText.dateTime); // "2021-11-01"
我们也可以设置 dateTime 属性。在这里，我们创建一个 <ins> 元素，然后将该 <ins> 元素的 dateTime 属性设置为当前日期（YYYY-MM-DD 格式），然后将其插入到被删除文本之后。
js
const insertedText = document.createElement("ins");
const now = new Date();
insertedText.dateTime = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
insertedText.appendChild(document.createTextNode("was"));
deletedText.insertAdjacentElement("afterend", insertedText);
如果我们的脚本在 2025 年 1 月 9 日运行，我们的 HTML 将如下所示：
html
<p>
The paragraph <del datetime="2021-11-01">has been</del
><ins datetime="2025-1-9">was</ins> changed
</p>
规范
| 规范 |
|---|
| HTML # dom-mod-datetime |
浏览器兼容性
加载中…