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

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

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>

 

결과보기

 

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

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