El método normalize() en HTML se usa para fusionar los Nodes de texto adyacentes con el primer Node de texto y elimina los Nodes vacíos. El método normalize() no requiere ningún parámetro.
Sintaxis:
node.normalize()
Ejemplo 1:
HTML
<!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>
Producción:
Navegadores compatibles: los navegadores compatibles con el método DOM normalize() se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 9 y superior
- Firefox 1 y superior
- Ópera 12.1 y superior
- Safari 1 y superior