add div using appendChild

Этот код должен быть циклическим и добавлять несколько div, но он не работает. Когда я нажимаю на него, появляется только один div. Если я снова нажму, ничего не произойдет.add div using appendChild

<body> 
    <div class="start" > 
     <div id = "coba"> 
     </div> 

     <div id = "cobi"> 
     </div> 
    </div> 
    <script> 
     var divs = document.getElementById("coba").addEventListener("click", function() { 

      for (var i = 1; i < 100; i++) { 
       var di = document.createElement('div'); 
       document.getElementById('coba').appendChild(di); 

      } 
     }); 
    </script> 
</body>

Спасибо за вашу помощь

источник

2016-10-20 Rona Nisa

Это работает отлично Check [** здесь **] (https://jsfiddle.net/227u9dpp/) – brk

без какой-либо стиль или контент, вы не увидите визуально несколько элементов div, поскольку они пусты и не занимают вертикального пространства. –

Может подтвердить, что говорит @PatrickEvans; Я переработал ваш код в jsfiddle здесь: [https://jsfiddle.net/q36tpLfL/1/](https://jsfiddle.net/q36tpLfL/1/). Я бросил какой-то текст, чтобы увидеть что-нибудь, и похоже, что он работает. –

Ваш код не работает, потому что вы ничего не делать с переменной «я» в заявлении для. Если вы посмотрите на скрипты user2181397 & meghan Armes, вы увидите, как они добавили строку в скрипт, чтобы заставить ее работать.

Я проверил ниже в моем IDE, и она работает просто отлично:

<body> 
    <div class="start" style="margin-top:50px; color:black;"> 
     <div id = "coba"> 
     <p>Click Me</p> 
     </div> 

     <div id = "cobi"> 
     </div> 
</div> 

<script> 
var divs = document.getElementById("coba").addEventListener("click", function() { 

for (var i = 1; i < 100; i++) { 
    var di = document.createElement('div'); 
    di.innerHTML=i; 
    document.getElementById('coba').appendChild(di); 

} 
}); 

</script> 
</body>

источник

2016-10-20 19:02:38 sammyb123

Благодарим вас за ответ! но у меня есть другой poblem, так что на самом деле я должен сделать фрактальное дерево, а форма div прямоугольная. –

Результат похож на этот https://www.dropbox.com/s/hn0no6aq19nyzw3/Capture.PNG?dl=0 и если Я снова нажимаю на него, ничего не происходит. –

Добро пожаловать. Я предлагаю опубликовать другой вопрос для фрактального дерева, чтобы он мог быть отделен от этого. – sammyb123

add div using appendChild

ответ

Смежные вопросы