HTML DOM type Event Property

HTML DOM Emphasized Object

Last Updated : 01 Oct, 2024

The HTML DOM Emphasized object represents the <em> element, used to emphasize text, typically rendering it in italics. It can be accessed and manipulated through JavaScript to alter its content or styling.

Syntax:

document.getElementById("ID");

Example: Clicking the “Submit” button changes the emphasized text color to red and increases its font size to 29px.

html

<!DOCTYPE html>
<html>

<head>
    <title>DOM Emphasized Object</title>
</head>

<body>
    <h2>DOM Emphasized Object</h2>
    <!--Text in Italics-->
    <p>Hello GeeksforGeeks</p>
    <!--Text in Emphasize-->
    <p><em id="GFG">Hello GeeksforGeeks</em></p>

    <button onclick="mygeeks()">
        Submit
    </button>

    <script>
        function mygeeks() {
            let gfg = document.getElementById("GFG");
            gfg.style.color = "red";
            gfg.style.fontSize = "29px";
        }
    </script>
</body>

</html>

Output:

em1

em

Example-2 : Give below example create em element upon clicking the button.

html

<!DOCTYPE html>
<html>

<head>
    <title>DOM Emphasized Object</title>
</head>

<body>
    <h2>DOM Emphasized Object</h2>

    <!--Text in Paragraph-->
    <p>Hello GeeksforGeeks</p>

    <button onclick="mygeeks()">
        Submit
    </button>

    <br><br>

    <script>
        function mygeeks() {
            let gfg = document.createElement("em");
            let text =
                document.createTextNode("Hello GeeksForGeeks");
            gfg.appendChild(text);

            document.body.appendChild(gfg);
        }
    </script>
</body>

</html>

Output:

em2

create em element

Supported Browsers:

The browser supported by DOM Emphasized Object are listed below:

Google Chrome
Firefox
Opera
Safari

HTML DOM type Event Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Italic Object

The Italic Object in HTML DOM is used to represent the HTML <i> element. This tag is used to display the content in italic style. The <i> element can be accessed by using the getElementById() method. Syntax: document.getElementById("id"); Where id is assigned to the <i> tag. Exampl

HTML DOM HashChangeEvent

The HashChangeEvent in HTML DOM is an interface between the events that are triggered when the hash of the URL has been changed. The anchor part of the URL follows the # symbol. Supported Tags <body> Properties/Methods: newURL: This property is used to return the URL of the document after the

HTML DOM removeAttributeNode() Method

The DOM removeAttributeNode() method is used to remove the specified attribute from the current element. It is similar to removeAttribute() method but the difference is that the removeAttribute method is used to remove the attribute with the specified name, but on the other hand removeAttributeNode

HTML DOM Superscript Object

The superscript object in HTML DOM is used to represent the HTML <sup> element. The superscript element can be accessed by using getElementById(). Syntax: document.getElementById("id") Where id is assigned to the <sup> tag. Example: In this example, we will use DOM Superscript Object C/C

HTML DOM replaceChild() Method

The replaceChild() method in HTML DOM is used to replace a child node with a new node within the given parent node. Syntax: parentNode.replaceChild( newChild, oldChild ) Parameter Values: This method accepts two parameters which are listed below: newChild: It is the required parameter. It represents

HTML DOM Subscript Object

The Subscript Object in HTML DOM is used to represent the HTML <sub> element. The subscript element can be accessed by using the getElementById() method. Syntax: document.getElementById("id") Where id is assigned to the <sub> tag. Example 1: In this example, we will use DOM Subscript Obj

HTML | DOM Fieldset Object

The DOM Fieldset Object is used to represent the HTML <fieldset> element. The fieldset element is accessed by getElementById(). Properties: disabled: disabled property used to set or return whether a fieldset is disabled, or not.form: use to return a reference to the form that contains the fie

HTML DOM Figure Object

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

HTML DOM Section Object

The Section Object in HTML DOM is used to represent the HTML <section> element. The section element can be accessed by using the getElementById() method. Syntax: document.getElementById("id") Where id is assigned to the <section> tag. Example 1: In this example, we will use DOM Section O

HTML DOM Nav Object

The DOM nav object is used to represent the HTML <nav> element. The<nav> element is accessed by getElementById(). Syntax: document.getElementById("id") Where id is assigned to the <nav> tag. Note: The Nav Object is not supported by Internet Explorer 8 and earlier versions. Example