HTML DOM DFN Object Last Updated : 14 Jun, 2023 Comments Improve Suggest changes Like Article Like Report 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> <head> <title>DOM DFN Object</title> </head> <body> <h2>DOM DFN Object</h2> <p> <!-- Id assigned to the dfn tag. --> <dfn id="GFG">Geeksforgeeks </dfn> is a portal for geeks. </p> <button onclick="myGeeks()">Submit</button> <script> function myGeeks() { // accessing dfn let gfg = document.getElementById("GFG"); gfg.style.color = "coral"; gfg.style.fontSize = "20px"; } </script> </body> </html> Output: Example 2: DFN Object can be created by using the document.createElement Method. HTML <!DOCTYPE html> <html> <head> <title>DOM DFN Object</title> </head> <body> <h2 style="font-size:35px;"> DOM DFN Object </h2> <p>It is a portal for geeks.</p> <button onclick="myGeeks()"> Submit </button> <script> function myGeeks() { let gfg = document.createElement("DFN"); let f = document.createTextNode("GeeksForGeeks"); gfg.appendChild(f); document.body.appendChild(gfg); } </script> </body> </html> Output : Supported Browsers: The browser supported by DOM DFN Object are listed below. Google ChromeInternet ExplorerFirefoxOperaSafari Comment More infoAdvertise with us M manaschhabra2 Follow Improve Article Tags : Misc Web Technologies HTML Web technologies HTML-DOM +1 More Practice Tags : Misc Similar Reads HTML | DOM Details Object The DOM Details Object is used to represent the HTML <details> element. The Details element is accessed by getElementById(). Properties: open: The details tag has an attribute called 'open' which is used to display the hidden information by default. Syntax: document.getElementById("ID"); Where 2 min read HTML DOM cancelable Event Property The cancelable event property indicates whether the event's default action can be prevented. If the value is true, the default action can be prevented using event.preventDefault(). If false, the default action cannot be prevented. It is a read-only property.It is a read-only boolean property.Syntax: 1 min read HTML DOM Style borderImageRepeat Property The borderImageRepeat style property in HTML DOM is used to set or return the borderImageRepeat property. It specifies whether the border image should repeat to fill the area, stretched to fill the area, set to the initial value, inherit property from its parent, etc. Depending on the need it will b 4 min read HTML | DOM Style borderImageOutset Property In the Style borderImageOutset Space which contains the border, image is to be painted is called the border-image space. By default, the boundaries of the border image area match with the boundaries of the element’s border-box. However, these boundaries can be extended using the border-image-outset 4 min read HTML | DOM Figcaption Object The Figcaption Object in HTML DOM is used to represent the HTML <figcaption> element. The figcaption element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where ID represent the element id. Example 1: html <!DOCTYPE html> <html> <head> <title> 2 min read HTML | DOM Style backgroundRepeat Property The backgroundRepeat property in HTML DOM is used to set or return the CSS backgroundRepeat property. It also checks whether the background-image is repeated or not. Syntax: It is used to returns the backgroundRepeat property.object.style.backgroundRepeat It is used to set the backgroundRepeat prope 2 min read HTML | DOM DList Object The DOM DList Object is used to represent the HTML <dl> tag. The Dlist element is accessed by getElementById(). Syntax: document.getElementById("ID");< Where “id†is the ID assigned to the “dl†tag.Example-1: html <!DOCTYPE html> <html> <head> <title>HTML DOM DList O 2 min read HTML DOM insertBefore() Method The insertBefore() method in HTML DOM is used to insert a new node before the existing node as specified by the user. Syntax: node.insertBefore( newnode, existingnode ) Parameters: This method accepts two parameters as mentioned above and described below: newnode: It is the required parameter. This 2 min read HTML DOM attributes Property The attributes property in HTML DOM returns the group of node attributes specified by NamedNodeMap objects. The NamedNodeMap object represents the collection of attribute objects and can be accessed by index number. The index number starts at 0. Syntax: node.attributes Return Value: It returns the N 2 min read HTML| DOM Variable Object The DOM Variable Object is used to represent HTML <var> element. The var element is accessed by getElementById(). Syntax: var element = document.getElementById("ID"); Where “id†is the ID assigned to the “var†tag. Example-1: HTML <!DOCTYPE html> <html> <head> <title>HT 2 min read Like