normalize() 예제
<style>
#cc {
font-size: 20px;
color: red;
}
</style>
</head>
<body>
<p id="demo">홈짱닷컴</p>
<button onclick="addTextNode()">Text Node 추가</button>
<button onclick="norTextNode()">문서 정상화 (Normalize)</button>
<p>이 웹문서는 <span id="cc">1</span> 개 자식노드 보유</p>
<script>
function addTextNode() {
var x = document.createTextNode(" Homzzang.com ");
var y = document.getElementById("demo");
y.appendChild(x);
var x = document.getElementById("cc");
x.innerHTML = y.childNodes.length;
}
function normalizeNode() {
var x = document.getElementById("demo");
x.normalize();
var y = document.getElementById("cc");
y.innerHTML = x.childNodes.length;
}
</script>
결과보기
