HTML | DOM normalize() Method

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

Syntax:

node.normalize()

Example 1:



filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM normalize Method
    </title>
</head>
  
<body onload="normalizeNode()" 
      style="text-align:center">
  
    <h1>GeeksforGeeks</h1>
    <h2>DOM normalize() Method</h2>
  
    <button onclick="normalizeNode()">
        Normalize
    </button>
  
    <button onclick="addNode()">
        Add node
    </button>
    <p>There are <span id="count"></span> child nodes.</p>
  
    <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"
            var text_node = 
                document.createTextNode("Normalize ");
  
            // Using variable text_body to 
            //access the whole body
            var text_body = document.body;
  
            // Adding text node to the end of the body 
            text_body.appendChild(text_node);
  
            // Count is used to store number of child text
            // nodes present in the document
            var 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();
            var text_body = document.body;
            var node_count = 
                document.getElementById("count");
            node_count.innerHTML =
                  text_body.childNodes.length;
        }
    </script>
</body>
  
</html>

chevron_right


Output:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


1


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.