Document normalize() Method - Javascript DOM

Javascript examples for DOM:Document normalize

  1. HOME
  2. Javascript
  3. DOM
  4. Document normalize

Description

The normalize() method removes empty Text nodes, and joins adjacent Text nodes.

Parameters

None

Return Value:

No return value

http://java2s.comNormalize a document:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
#cc {/*from  w  w  w. j  a va 2s .c  o  m*/
    font-size: 20px;
    color: red;
}
</style>
</head>
<body onload="normPara()">


<button onclick="addTextNode()">Add a Text Node</button>

<button onclick="normPara()">Normalize the Document</button>

<p>The document has <span id="cc">1</span> child node(s).</p>

<script>
function addTextNode() {
    var x = document.createTextNode(" Click again.");
    var y = document.body;
    y.appendChild(x);
    var x = document.getElementById("cc");
    x.innerHTML = y.childNodes.length;
}

function normPara() {
    document.normalize();
    var x = document.body;
    var y = document.getElementById("cc");
    y.innerHTML = x.childNodes.length;
}
</script>

</body>
</html>

Related Tutorials