객체 생성하기

<script>
function addObj() {
   var obj = document.createElement("input");

   obj.setAttribute("type", "test");
   obj.setAttribute("size", "5");

   document.getElementById("test").appendChild(obj);
}
</script>

<span onClick="addObj()">click</span>

<div id="test">
   <span id="test01">1</span><br />
   <span id="test02">2</span><br />
   <span id="test03">3</span>
</div>

위와 같이 했을 경우
click

1
2
3

위에 Click라는 걸 클릭해 보면 알 수가 있다.
객체가 생성된다.
다만 위치가 무조건 제일 마지막에 붙는다는 거~

document.getElementById("test").appendChild(obj);
이 부분을
test.insertBefore(obj, test02.nextSibling);
이걸로 바꿔 주게 되면 test02 뒤로 가서 생성이 된다.

안타깝게도 여기서는 테스트가 불가능하다.