Как добавить целую коллекцию HTML - PullRequest
Новая
       12

Как добавить целую коллекцию HTML

0 голосов
/ 17 января 2019

как добавить HTML-коллекцию, которую я хочу добавить за определенное время в зависимости от длины цикла for?

вот мой код JS 

            function createDiv() {


                    const numberLine = [1, 2, 3, 4];

                    for (i = 0; i < numberLine.length; i++) {
                        const numberTextContent = document.getElementById('numberTextContent');

                        numberTextContent.textContent = numberLine[i];


                        const jobPostCollection = ' <div class="jobContainer col-md-6"> \
                        <div class="jobName"> \
                        <h1 class="text-center" id="numberTextContent"></h1> \
                        </div> \
                        </div> \
                        </div>';

                        const jobPosting = document.getElementById('jobPosting');

                        jobPosting.appendChild(jobPostCollection);




                    }




            }

Я пытаюсь получить его там, где коллекция HTML jobContainer отображается в количестве раз в соотношении к длине numberLine.

Вот мой HTML-код 

   <div class="container">
  <div class="row">
    <div id="jobPosting">
    </div>
  </div>
  <button id="button">BUTTON</button>
</div>

1 Ответ

0 голосов
/ 17 января 2019

Я не уверен, что вы хотите, но, возможно, вы можете попробовать этот способ, чтобы сделать это проще.

HTML: 

<div class="container">
  <div class="row">
    <div id="jobPosting">
    </div>
  </div>
  <button id="button" onclick="createDiv();">BUTTON</button>
</div>
<script>

JS: 

function createDiv() {

    h1 = document.createElement('h1');
    h1.innerHTML = "111"  // if you don't need, just remove
    h1.setAttribute("id",'1111');  //set id, also can change to class

    var jobPosting  = document.getElementById('jobPosting');
    jobPosting.appendChild(h1);

}
...