document.normalize() 예제
<style>
#cc {
font-size: 20px;
color: red;
}
</style>
<body onload="norTextNode()">
<button onclick="addTextNode()">Text노드 추가</button>
<button onclick="normalizeNode()">문서 정상화 (Normalize)</button>
<p>이 웹문서는 <span id="cc">1</span> 개 자식노드 보유</p>
<script>
function addTextNode() {
var x = document.createTextNode(" 또 클릭!! ");
var y = document.body;
y.appendChild(x);
var x = document.getElementById("cc");
x.innerHTML = y.childNodes.length;
}
function normalizeNode() {
document.normalize();
var x = document.body;
var y = document.getElementById("cc");
y.innerHTML = x.childNodes.length;
}
</script>
결과보기
※ 공백 : text 노드로 간주됨.
