• Q&A
  • 회원가입
  • 로그인

[DOM_Document] JS - normalize() 메서드 - 공백제거후, 인접텍스트노드 합치기 (document경우)

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 노드로 간주됨.

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012