HTML | DOM del dateTime Property
The DOM 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
- YYYY-MM-DDThh:mm:ssTZD YYYY-MM-DDThh:mm:ssTZD It specifies the date and time when the text was deleted
- 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)
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari
Property Values:
Explanation:
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.
<!DOCTYPE html><html> <head> <title> HTML DOM Del dateTime </title> <style> del { color: red; } ins { color: green; } </style></head> <body style="text-align:center;"> <h1> GeeksforGeeks </h1> <h2> DOM Del dateTime Property </h2> <p> GeeksforGeeks is a <del id="GFG" datetime="2018-11-21T15:55:03Z"> mathematical</del> <ins>computer</ins> science portal </p> <button onclick="myGeeks()"> Submit </button> <p id="sudo"></p> <script> function myGeeks() { var g = document.getElementById( "GFG").dateTime; document.getElementById( "sudo").innerHTML = g; } </script> </body> </html> |
Output:
Before Clicking On Button: :
After Clicking On Button: :
Example-2 :This Example sets the dateTime Property.
<!DOCTYPE html><html> <head> <title> HTML DOM Del dateTime </title> <style> del { color: red; } ins { color: green; } </style></head> <body style="text-align:center;"> <h1>GeeksforGeeks</h1> <h2> DOM Del dateTime Property </h2> <p> GeeksforGeeks is a <del id="GFG" datetime="2018-11-21T15:55:03Z"> mathematical</del> <ins>computer</ins> science portal </p> <button onclick="myGeeks()"> Submit </button> <p id="sudo"></p> <script> function myGeeks() { var g = document.getElementById( "GFG").dateTime = "2013-11-15T21:40:07Z"; document.getElementById( "sudo").innerHTML = "The value of the dateTime attribute was changed to " + g; } </script> </body> </html> |
Output :
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM Del dateTime property are listed below:
Please Login to comment...