HTML DOM del dateTime Property
The del dateTime property is used to set or return the value of the DateTime attribute of the <del> element. This attribute is used to specify the date and time of the deleted text. The date-time is inserted in the format YYYY-MM-DDThh:mm:ssTZD.
Syntax:
- It is used to return the DateTime property.
delObject.dateTime
- It is used to set the dateTime property.
delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
Property Values: It specifies the date and time when the text was deleted.
Explanation:
- YYYY – year (e.g. 2009)
- MM – month (e.g. 01 for January)
- DD – day of the month (e.g. 08)
- T – a required separator
- hh – hour (e.g. 22 for 10.00pm)
- mm – minutes (e.g. 55)
- ss – seconds (e.g. 03)
- TZD – Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)
Return Value: It returns a string value which represent the date and time when the text was deleted.
Example 1: This example returns the dateTime property.
html
<!DOCTYPE html> < html > < head > < title > HTML DOM Del dateTime Property </ title > < style > body { text-align: center; } del { color: red; } ins { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >HTML DOM Del dateTime Property</ h2 > < p > w3wiki is a < del id = "GFG" datetime = "2018-11-21T15:55:03Z" > mathematical</ del > < ins >computer</ ins > science portal </ p > < button onClick = "myBeginner()" > Click Here! </ button > < p id = "result" ></ p > < script > function myBeginner() { let dateTimeVal = document .getElementById("GFG").dateTime; document.getElementById("result") .innerHTML = dateTimeVal; } </ script > </ body > </ html > |
Output:
Example 2: This example sets the dateTime property.
html
<!DOCTYPE html> < html > < head > < title > HTML DOM Del dateTime Property </ title > < style > body { text-align: center; } del { color: red; } ins { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >HTML DOM Del dateTime Property</ h2 > < p > w3wiki is a < del id = "GFG" datetime = "2018-11-21T15:55:03Z" > mathematical</ del > < ins >computer</ ins > science portal </ p > < button onclick = "myBeginner()" > Click Here! </ button > < p id = "result" ></ p > < script > function myBeginner() { let dateTimeVal = document.getElementById("GFG") .dateTime = "2013-11-15T21:40:07Z"; document.getElementById("result").innerHTML = "Value of dateTime Attribute Changed to " + dateTimeVal; } </ script > </ body > </ html > |
Output:
Supported Browsers:
- Chrome 1
- Edge 12
- Firefox 1
- Opera 15
- Safari 3