HTML DOM Del object



The HTML DOM Del object is associated with the HTML <del> element. It is used to represent the <del> element. Using the Del object we can create and access a <del> elememt.

Properties

Following are the properties for the Del object −

Sr.No Properties & Description
1 cite
To set or return the cite attribute value of the deleted text.
2 dateTime
To set or return the datetime attribute value of the deleted text.

Syntax

Following is the syntax for −

Creating a Del object −

var p = document.createElement("DEL");

Example

Let us look at an example for the HTML DOM Del object −

Live Demo

<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
   function delCreate() {
      var d= document.createElement("DEL");
      var t = document.createTextNode("Deleted text is here");
      d.appendChild(t);
      document.body.appendChild(d);
   }
</script>
</body>
</html>

Output

This will produce the following output −

On clicking the CREATE button −

In the above example −

We have first created a button CREATE that will execute the delCreate() method when clicked by the user −

<button onclick="delCreate()">CREATE</button>

The delCreate() method creates a <del> element using the createElement() and assigns it to the variable d. It then creates a text node with some text inside using the createTextNode() method. The text node is then appended to the <del> element using the appendChild() method of the del element and appending the text node to it.

The <del> element along with the text node is then appended to the document body using the document.body appendChild() method and passing the variable d as parameter −

function delCreate() {
   var d= document.createElement("DEL");
   var t = document.createTextNode("Deleted text is here");
   d.appendChild(t);
   document.body.appendChild(d);
}
Updated on: 2021-02-15T05:44:17+05:30

141 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements