HTML - DOM Document normalize() Method

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