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

[DOM_Document] JS - createDocumentFragment() 메서드 - 가상노드생성

265  

document.createDocumentFragment() 예제

 

<ul>

  <li>홈짱닷컴</li>

  <li>Homzzang.com</li>
  <li>2012</li>  

</ul>


<button onclick="homzzang()">클릭</button>


<script>

function homzzang() {

  var d = document.createDocumentFragment();

  d.appendChild(document.getElementsByTagName("LI")[0]);

  d.childNodes[0].childNodes[0].nodeValue = "홈페이지 제작관리";

  document.getElementsByTagName("UL")[0].appendChild(d);

}

</script>

 

결과보기

 


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