[DOM]cloneNode : 노드 복사
개발관련/DOM 2012. 3. 11. 17:29 |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 | <style type= "text/css" > div { border:1px solid red; height:50px; } </style> <script type= "text/javascript" > window.onload = function () { var hrTag = document.createElement( "hr" ); document.body.appendChild(hrTag); var divTag = document.createElement( "div" ); var divText = document.createTextNode( "안녕하세요." ); divTag.appendChild(divText); document.body.appendChild(divTag); // cloneNode() : 이미 생성된 노드를 복사 var divTag2 = divTag.cloneNode( false ); // false : 해당 노드만 복사, true : 자식 노드 포함 document.body.appendChild(divTag2); var hrTag2 = hrTag.cloneNode( true ); document.body.appendChild(hrTag2); }; </script> <hr> |
안녕하세요.
'개발관련 > DOM' 카테고리의 다른 글
[DOM]removeChild : 자식 노드 삭제 (0) | 2012.03.11 |
---|---|
[DOM]appendChild, Before : 노드 추가 및 이동 (0) | 2012.03.11 |
[DOM]createTextNode : 텍스트 노드 생성 (0) | 2012.03.11 |
[DOM]createElement : 요소 노드 생성 (0) | 2012.03.11 |
[DOM]노드 관련된 주요 속성 정리 (0) | 2012.03.11 |