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 |
瀏覽器相容性
載入中…