HTML - DOM Document normalize() Method

Quiz

HTML DOM document normalize() method removes empty text nodes, and joins adjacent text nodes from parent node.

Syntax

document.normalize();

Parameter

This method does not take any parameter.

Return Value

This method does not have a return value.

Example of HTML DOM Document 'normalize()' Method

The following example illustrates use of normalize() method to normalize the document.

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Document normalize() Method
    </title>
</head>
<body>
    <form>
        <fieldset>
            <legend>HTML-DOM-normalize( )</legend>
            <input type="text" id="textSelect" placeholder="type here...">
            <input type="button" onclick="makeTextNode()" value="Create Text Node">
            <input type="button" onclick="normalizeDocument()" value="Normalize">
            <div id="appendedNodes">All Text Nodes: </div>
            <div id="divDisplay"></div>
        </fieldset>
    </form>
    <script>
        var divDisplay = document.getElementById("divDisplay");
        var textSelect = document.getElementById("textSelect");
        var appendedNodesDiv = document.getElementById("appendedNodes");
        divDisplay.textContent = 'Total Text Nodes: ' 
                        + appendedNodesDiv.childNodes.length;
        function makeTextNode() {
            var textNode = document.createTextNode(textSelect.value);
            appendedNodesDiv.appendChild(textNode);
            if (textSelect.value === '')
                divDisplay.textContent = 'Empty Text Node Created';
            else
                divDisplay.textContent = 'Text Node Created with value: '
                         + textSelect.value;
            divDisplay.textContent += ', Total Text Nodes: ' 
                        + appendedNodesDiv.childNodes.length;
        }
        function normalizeDocument() {
            appendedNodesDiv.normalize();
            divDisplay.textContent = 'Total Text Nodes: ' 
                        + appendedNodesDiv.childNodes.length;
        }
    </script>
</body>
</html>

Supported Browsers

Method
normalize()	Yes 1	Yes 12	Yes 1	Yes 1	Yes 12.1

html_dom.htm

Print Page