title: Create multiple div with multiple elements dynamically using javascript?
body: <p>I am new in javascript, I want to create div which have multiple div and multiple elements.See code below</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;style&gt;
      .list-group li {
          list-style: none;
      }
  
      .panel-info, .panel-rating, .panel-more1 {
          float: left;
          margin: 0 10px;
          height: 60px;
      }
  
      .icon {
          height: 30px;
          width: 30px;
      }
  
      .header {
          background-color: #f44336;
          padding: 15px 20px;
          color: white;
          text-align: center;
      }
  &lt;/style&gt;
  
  &lt;div id="listContainer"&gt;
      &lt;div&gt;
          &lt;ul class="list-group"&gt;
              &lt;li&gt;
  
                  &lt;div class="panel-body panel panel-default" style="height: 70px;"&gt;
                      &lt;div class="panel-info"&gt;
                          &lt;p&gt;&lt;strong&gt;Shailendra Kushwah&lt;/strong&gt;&lt;/p&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="panel-more1"&gt;
                          &lt;img src="img/feestatus/cancel-button.png" class="icon" /&gt;
                          &lt;br /&gt;&lt;span&gt;Installment 1&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="panel-more1"&gt;
                          &lt;img src="img/feestatus/cancel-button.png" class="icon" /&gt;
                          &lt;br /&gt;&lt;span&gt;Installment 2&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="panel-more1"&gt;
                          &lt;img src="img/feestatus/cancel-button.png" class="icon" /&gt;
                          &lt;br /&gt;&lt;span&gt;Installment 3&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  
  I want to create element of Div <code>id="listContainer"</code> dynamically on the basis of length of my array using loop.Please help</p>