HTML DOM Del Object

Last Updated : 15 Jun, 2023

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 return the value of the dateTime attribute of a deleted element.

Syntax:

document.getElementById("ID");

Where the ID attribute is the ID assigned to the <del> tag.

Example 1: In this example, we will see the use of DOM Del Object

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() {
            let g = document.getElementById("GFG").dateTime;
            document.getElementById("sudo").innerHTML = g;
        }
    </script>
</body>
  
</html>

Output:

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() {
            let g = document.createElement("DEL");
            let f = document.createTextNode("GeeksforGeeks");
            g.appendChild(f);
            document.body.appendChild(g);
        }
    </script>
</body>

</html>

Output:

Supported Browsers: The browser supported by DOM Del Object are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML DOM InputEvent inputType Property

The inputType property is used to know the type of change that is made to a particular input field or any other editable content by the event. It is a read-only property. Syntax: event.inputType Return Value: It returns a string that indicates the type of input entered. Example: In this example, we

HTML DOM DFN Object

The DOM DFN Object is used to represent the HTML <dfn> tag. The DFN element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where â€œidâ€ is the ID assigned to the â€œdfnâ€ tag. Example 1: In this example, we will use DOM DFN Object. html <!DOCTYPE html> <html>

HTML DOM Style animation Property

The style animation property makes it possible to animate transitions from one CSS style to another CSS style. It configures the timing, delay, duration, and other details of how the sequence of animation should progress. The animation contains two components, one is CSS describing the component and

HTML | DOM WheelEvent deltaY Property

The WheelEvent.deltaY property in HTML is used to return a positive double value when the web page is scrolled down, and a negative double value when the page is scrolled up, or else it returns zero. It is a read-only property. Syntax: event.deltaY Return Value: It returns a double value which indic

HTML DOM Style borderBottomRightRadius Property

The DOM borderBottomRightRadius property is used to select any element from the DOM tree and set the style of the radius of the bottom-right corner of its border. Syntax : It returns the borderBottomRightRadius Property.object.style.borderBottomRightRadiusIt is used to set the borderBottom property.

HTML | DOM Style borderBottomWidth Property

The style borderBottomWidth property in HTML DOM is used to set or return the width of bottom border of an element. Syntax: It is used to return the width of bottom border.object.style.borderBottomWidthIt is used to set the width of the bottom border.border-bottom-width: "medium|thin|thick|length|in

HTML DOM Style animationDuration Property

The Style animationDuration property in HTML DOM is used to set the time interval to complete one cycle of an animation. Syntax: It returns the animationDuration property.object.style.animationDurationIt sets the animationDuration property.object.style.animationDuration = "time|initial|inherit" Retu

HTML DOM offsetTop Property

The DOM offsetTop property is used to return the top position which is relative to the top of the offsetParent element. Syntax: object.offsetTop Return Value: A number in the pixel unit represents the top position of the element. Example: In this example, we will use DOM offsetTop property HTML <

HTML DOM Style animationIterationCount Property

The Style animationIterationCount property in HTML DOM is used to set or return how many times an animation should be played. Syntax: It is used to return the animationIterationCount property.object.style.animationIterationCountIt is used to set the animationIterationCount property.object.style.anim

HTML DOM WheelEvent deltaX Property

The WheelEvent.deltaX property in HTML is used to return a positive double value when the web page is scrolled horizontally along the left or right direction. If the page is scrolled to the right it returns a positive value, and a negative double value when scrolled to the left, else it returns zero