Javascript:DIV AppendChild

Pada kode di bawah ini "objTo" adalah sebuah div yang harus saya sisipkan beberapa jumlah div. Ketika saya menggunakan kode tersebut untuk pertama kalinya, kode tersebut berfungsi dengan baik, namun pada saat berikutnya kode tersebut menimpa kode yang sudah ada.

     <script>

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

Di mana kesalahan saya?

Larutan

Saya telah membuat versi kerja yang sangat sederhana untuk Anda:

http://jsfiddle.net/hQKy9/

Beberapa klik bekerja sepanjang waktu:

Skrip

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"/>
Komentar (0)