2012-04-26 3 views
4

아래 코드에서 "objTo"은 div에 여러 개의 숫자를 삽입해야하는 div입니다. 코드를 처음 사용할 때 다음 번에 해당 코드를 덮어 쓸 때 기존 코드를 덮어 씁니다.자바 스크립트 : DIV AppendChild

 <script> 

var divtest= document.createElement("div");   
divtest.innerHTML = "<div>new div</div>"   
objTo.appendChild(divtest) 
    </script> 

나는 어디로 가고 있습니까?

+2

코드를 여러 번 실행해도 더 이상 필요없는 참조가 아닌 다른 것을 덮어 쓰지 않습니다. 나는 당신이 문제를 줄였던 테스트 케이스를 줄 였다고 생각한다. – Quentin

답변

22

내가 당신을 위해 매우 간단한 작업 버전을 만들었습니다 :

스크립트

function addDiv() { 
    var objTo = document.getElementById('container'); 
    var divtest = document.createElement("div"); 
    divtest.innerHTML = "new div"; 
    objTo.appendChild(divtest); 
} 

HTML을

:

http://jsfiddle.net/hQKy9/

여러 클릭은 전체 시간을 작동

<div id="container"></div> 

<input type="button" onclick="addDiv();" value="Click here to add div"/>