Почему некорректно работает команда innerHTML?

Question

[yosiaproger]

function setError(location, message)
	{
		document.getElementById(location).innerHTML = '<div class="alert alert-danger alert-dismissible fade show role="alert"> <strong>Ошибка!</strong> '+ message +' <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div>';
	}

Вот функция которая выводить мой div в html. Почему при вызове этой функции несколько раз срабатывает только последний вызов:

setError('to_inner', '1');
setError('to_inner', '2');  //сработает только этот вызов

Вот html:

<div id="to_inner">
</div>

Comments

[Антон]

Потому что перезаписывает результат первого

[yosiaproger]

Антон, Как я могу это исправить? Мне нужно чтобы блок каждый раз добавлялся на страницу.

[Lynn «Кофеман»]

Корректно работает.

Если вы пришете

a = 1;
a = 2;

Вы в a ожидаете оба числа или всё таки последнее?

[Антон]

yosiaproger, .innerHTML +=

[yosiaproger]

Антон, Спасибо большое!!!

Answer 1

[Игорь]

document.getElementById(location).innerHTML +=