자바스크립트 createElement, insertBefore, replaceChild, appendChild 다루기 샘플
<html>
<div id = "a">
<div id=a1>&lt;div&gt;a1&lt;/div&gt;</div>
<div id=a2>&lt;div&gt;a2&lt;/div&gt;</div>
<div id=a3>&lt;div&gt;a3&lt;/div&gt;</div>
<div id=a4>&lt;div&gt;a4&lt;/div&gt;</div>
<div id=a5>&lt;div&gt;a5&lt;/div&gt;</div>
</div>
<script>
newobj = document.createElement( "div");
newobj.innerHTML = '&lt;div&gt;b&lt;/div&gt;';
newobj2 = document.createElement( "div");
newobj2.innerHTML = '&lt;div&gt;c&lt;/div&gt;';
divobjs = document.getElementsByTagName( "div");
//divobjs[2].parentNode.appendChild( newobj);

document.getElementById('a').insertBefore(document.getElementById('a3'), document.getElementById('a2'));
document.getElementById('a').replaceChild(newobj, document.getElementById('a3'));
document.getElementById('a').appendChild(newobj2);

//alert(document.getElementById('a').innerHTML);
</script>
</html>
<div>a1</div>
<div>a2</div>
<div>a3</div>
<div>a4</div>
<div>a5</div>

트랙백 주소 :: http://hompy.info/trackback/439

댓글을 달아 주세요

  1. 귀차니즘 2011/04/04 17:07  댓글주소  수정/삭제  댓글쓰기

    찾던 정보를 발견하여 유용하게 적용하였습니다.^^
    트레픽으로 보내려하는데 자꾸 전송이 안되서 코멘트로 달아놈니다.
    감사합니다....수고하세요!