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>GeeksforGeeks</h1>
<h2>HTML 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()">
Click Here!
</button>
<p id="result"></p>
<script>
function myGeeks() {
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>GeeksforGeeks</h1>
<h2>HTML 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()">
Click Here!
</button>
<p id="result"></p>
<script>
function myGeeks() {
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
Recommended Articles