Как вывести все значения массива в div?

Question

[SNAKEJA]

Привет всем.
Есть код :

for (var i = 0; i < ar.length; i++) {
      if (ar[i].tol > sumNum) {
        //alert("Чтобы пробить броню толщиной " + sumNum + " мм нужен танк марки " + ar[i].name + " , со скоростью перемещения " + ar[i].speed);
      var rez = "Чтобы пробить броню толщиной " + sumNum + " мм нужен танк марки " + ar[i].name + " , со скоростью перемещения " + ar[i].speed;
      document.getElementsByClassName('rez')[0].innerHTML = rez;
    
      }

Как вывести все значения переменной rez в div? Просто если вывожу просто переменную rez через alert, несколько значений. Если вывожу с помощью

document.getElementsByClassName('rez')[0].innerHTML = rez;

Выводит только первое значение, в чем проблема ?

Answer 1

[Алексей Уколов]

Вы сейчас на каждой итерации перезаписываете содержимое. Нужно добавлять:

document.getElementsByClassName('rez')[0].innerHTML += rez;

Если цикл выполняется несколько раз или в элементе есть ещё какое-то содержимое, от которого нужно избавиться, то до цикла нужно его очистить:

document.getElementsByClassName('rez')[0].innerHTML = '';

P.S. Если вам не нужно поддерживать уж совсем древние браузеры, то проще искать элемент так:
document.querySelector('.rez').innerHTML = '';

Comments

[SNAKEJA]

Спасибо большое, то что нужно
А как сделать отступ, то есть выводит первое значение и после него сразу второе. Нужно что бы каждое значение с новой строки, спасибо заранее)
В js два дня просто)

[Алексей Уколов]

... += rez + '<br>';