2012-04-26 1 views
4

В приведенном ниже коде "objTo" есть div, которому нужно вставить несколько чисел div. , когда я впервые использую код для его работы. Но в следующий раз он переписывает существующий код.Javascript: DIV AppendChild

 <script> 

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

Где я иду не так?

+2

Выполнение этого кода несколько раз не будет перезаписывать что-либо (другое, а затем ссылку, что вам больше не нужно). Я подозреваю, что вы создали сокращенный тестовый пример, который уменьшил проблему. – Quentin

ответ

22

Я сделал очень простую рабочую версию для вас:

http://jsfiddle.net/hQKy9/

Несколько кликов работает все время:

Script

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

Html

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

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