HTML | Método DOM normalize()

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

Publicación traducida automáticamente

Artículo escrito por Abhishek7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *