자바스크립트 createElement, insertBefore, replaceChild, appendChild 다루기 샘플
<html>
<div id = "a">
<div id=a1><div>a1</div></div>
<div id=a2><div>a2</div></div>
<div id=a3><div>a3</div></div>
<div id=a4><div>a4</div></div>
<div id=a5><div>a5</div></div>
</div>
<script>
newobj = d0cument.createElement( "div");
newobj.innerHTML = '<div>b</div>';
newobj2 = d0cument.createElement( "div");
newobj2.innerHTML = '<div>c</div>';
divobjs = d0cument.getElementsByTagName( "div");
//divobjs[2].parentNode.appendChild( newobj);
d0cument.getElementById('a').insertBefore(d0cument.getElementById('a3'), d0cument.getElementById('a2'));
d0cument.getElementById('a').replaceChild(newobj, d0cument.getElementById('a3'));
d0cument.getElementById('a').appendChild(newobj2);
//alert(d0cument.getElementById('a').innerHTML);
</script>
</html>
'JavaScript' 카테고리의 다른 글
| 자바스크립트, 모서리가 둥근 테이블 만들기. (0) | 2009.01.12 |
|---|---|
| 자바스크립트, 객체의 속성과 메소드와 이벤트 핸들러 (0) | 2009.01.12 |
| 이는 막대그래프 자바스크립트 소스 (0) | 2009.01.12 |
| 개인 대화방 만들기 블로그 채팅 (blog chat) (0) | 2009.01.12 |
| 자바스크립트로 구성된 이미지 슬라이더입니다. (0) | 2009.01.12 |
