Удаление элементов DOM в цикле
 

Прошу подсказать что я делаю не так?

<div class="object">1</div>
<div class="object">2</div>
<div class="object">3</div>
<div class="object">4</div>
<div class="object">5</div>

<script>
	for(let i = 0; i < document.getElementsByClassName('object').length; i++) {
		document.getElementsByClassName('object')[i].remove();
	}
</script>

Удаляется лишь часть элементов.
Я пробовал в цикле помещать найденные элементы в массив и уже через него удалять, тогда все работает, но создание лишнего массива кажется избыточным.

Получилось так

for(let i = 0, k = document.getElementsByClassName('object').length; i < k; i++) {
	document.getElementsByClassName('object')[0].remove();
}

Как минимум, не рационально используешь методы. :)

<div class="object">1</div>
<div class="object">2</div>
<div class="object">3</div>
<div class="object">4</div>
<div class="object">5</div>
<script type='text/javascript'>
	var obj=document.querySelectorAll('.object')
	for(let i = 0; i < obj.length; i++) {
		obj[i].remove();
	}
</script>

Так вот еще...

<div class="object">1</div>
<div class="object">2</div>
<div class="object">3</div>
<div class="object">4</div>
<div class="object">5</div>
<script type='text/javascript'>
	var obj;
	while (obj=document.getElementsByClassName('object'),obj[0]) {
		obj[0].remove();
	}
</script>

ksa,
:-?

зачем искать много раз, достаточно одной таблетки :)

var obj=document.getElementsByClassName('object');
  while (obj[0]) {
    obj[0].remove();
  }

Да, так лучше. :yes:

Спасибо всем