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?
Saya telah membuat versi kerja yang sangat sederhana untuk Anda:
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"/>