HTMLModElement: dateTime-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die dateTime-Eigenschaft des HTMLModElement-Interfaces ist ein String, der ein maschinenlesbares Datum mit einem optionalen Zeitwert enthält. Sie spiegelt das datetime-HTML-Attribut der <del>- und <ins>-Elemente wider.
Wert
Ein String. Für gültige String-Formate siehe gültige datetime-Werte.
Beispiele
Angenommen, wir haben folgendes HTML:
<p>The paragraph <del datetime="2021-11-01">has been</del> changed</p> Wir können den Wert des dateTime-Attributs des <del>-Elements abrufen:
const deletedText = document.querySelector("del"); console.log(deletedText.dateTime); // "2021-11-01" Wir können auch die dateTime-Eigenschaft setzen. Hier erstellen wir ein <ins>-Element, setzen die dateTime-Eigenschaft des <ins>-Elements auf das aktuelle Datum im YYYY-MM-DD-Format und fügen es nach dem gelöschten Text ein:
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); Wenn unser Skript am 9. Januar 2025 ausgeführt würde, wäre unser HTML wie folgt:
<p> The paragraph <del datetime="2021-11-01">has been</del ><ins datetime="2025-1-9">was</ins> changed </p> Spezifikationen
| Specification |
|---|
| HTML # dom-mod-datetime |