[DOM]replaceChild : 자식 노드 변경

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<script type="text/javascript">     window.onload = function () {         // <p>안녕</p>         // 노드 생성 : p         var pTag1 = document.createElement('p');         // 텍스트 노드 생성 : "안녕"         var hiString = document.createTextNode("안녕");         // 텍스트 노드를 p 태그에 추가         pTag1.appendChild(hiString);           // <p>잘가</p>         // 노드 생성 : p         var pTag2 = document.createElement('p');         // 텍스트 노드 생성 : "잘가"         var byeString = document.createTextNode("잘가");         // 텍스트 노드를 p 태그에 추가         pTag2.appendChild(byeString);           var myDiv = document.getElementById('myDiv');         // 추가         myDiv.appendChild(pTag1);         // 변경         var result = myDiv.replaceChild(pTag2, pTag1); // pTag1을 pTag2로 교체! -> <p>안녕</p>  -> <p>잘가</p>         // 이전(oldChild) 값을 다시 레이어 추가         myDiv.appendChild(result);     }; </script>       <div id="myDiv">     </div>

잘가

안녕