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> 결과보기
<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 노드로 간주됨.
