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>
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4