HTML | DOM Del Object
The Del Object in HTML DOM is used to represent the HTML <del> element. The <del> element can be accessed by getElementById().
Object Properties:
- cite: It is used to set or return the value of the cite attribute of a deleted element.
- dateTime: It is used to sets or returns the value of the dateTime attribute of a deleted element.
Syntax:
document.getElementById("ID");Where ID attribute is the ID assigned to the <del> tag.
Example 1:
html
<!DOCTYPE html><html> <head> <title>HTML DOM Del Object</title> <style> del { color: red; } ins { color: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>DOM Del Object</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 Click on the button:
After Click on the button:
Example 2: Del Object can be created by using the document.createElement Method.
html
<!DOCTYPE html><html> <head> <title> HTML DOM Del Object </title> <style> del { color: red; } ins { color: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>DOM Del Object</h2> <button onclick = "myGeeks()"> Submit </button> <p id="sudo"></p> <script> function myGeeks() { var g = document.createElement("DEL"); var f = document.createTextNode("GeeksforGeeks"); g.appendChild(f); document.body.appendChild(g); } </script> </body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM Del Object are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Please Login to comment...