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 |
Browser-Kompatibilität
Loading…