HTML DOM normalize() Method (original) (raw)

Last Updated : 16 Jun, 2023

The normalize() method in HTML is used to merge the adjacent text nodes with the first text node and flush out the empty nodes. The normalize() method does not require any parameter.

Syntax:

node.normalize()

Example 1: In this example, we will use normalize() method.

HTML `

DOM normalize Method

GeeksforGeeks

DOM normalize() Method

Normalize Add node

There are child nodes.

<script>
    // onload is used to reset the child text nodes
    // count when page is refreshed and addNode
    // function is used for addNode button
    function addNode() {

        // Creating a text node named "Normalize"
        let textNode =
            document.createTextNode("Normalize ");
      
        // Using variable text_body to
        //access the whole body
        let text_body = document.body;

        // Adding text node to the end of the body
        text_body.appendChild(textNode);

        // Count is used to store number of child text
        // nodes present in the document
        let text_node =
            document.getElementById("count");

        // innerHTML fetches value of text_node and
        // update it with new value.
        text_node.innerHTML =
            text_body.childNodes.length;
    }
    // normalizeNode function is used to Normalize button
    function normalizeNode() {
        document.normalize();
        let text_body = document.body;
        let node_count =
            document.getElementById("count");
        node_count.innerHTML =
            text_body.childNodes.length;
    }
</script>

`

Output:

Supported Browsers: The browser supported by DOM normalize() Method are listed below: