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 July 2015.

Die dateTime-Eigenschaft der HTMLModElement-Schnittstelle ist eine Zeichenkette, die ein maschinenlesbares Datum mit einem optionalen Zeitwert enthält. Sie entspricht dem HTML-Attribut datetime der Elemente <del> und <ins>.

Wert

Eine Zeichenkette. Für gültige Zeichenfolgenformate siehe die gültigen datetime-Werte.

Beispiele

Das folgende HTML ist gegeben:

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:

js
const deletedText = document.querySelector("del");
console.log(deletedText.dateTime); // "2021-11-01"

Wir können auch die dateTime-Eigenschaft festlegen. Hier erstellen wir ein <ins>-Element, setzen dann 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:

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);

Wenn unser Skript am 9. Januar 2025 ausgeführt wird, sieht unser HTML wie folgt aus:

html
<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

BCD tables only load in the browser

Siehe auch