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:

<!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>                     

Output:

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

Apple Safari
Internet Explorer
Google Chrome
Firefox
Opera

My Personal Notes

Suggest a Topic

Recommended Posts: