Как удалить 2 и последующие теги из DOM (vanilla js)?

Question

[cjkfdt]

Добрый день. Есть такая вот структура:

<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
...

Собственно этих дивов будет неопределенное кол-во, как удалить 2 и последующие за ним все дивы, т.е. независимо от их количества в итоге оставался только один див. На vanilla js. Спасибо

Answer 1

[Rsa97]

Array.prototype.slice.call(document.querySelectorAll('div.item'), 1)
  .forEach(function(el) {el.remove();});

Comments

[gleendo]

Rsa97 Вы уверены что это будет работать?

[Николай]

slice.call наверное имелось ввиду

[Rsa97]

iamevg_, А почему нет?
https://jsfiddle.net/8aufnLbk/

[gleendo]

Rsa97, Uncaught TypeError: Array.slice is not a function

[Rsa97]

Николай, Тогда полностью, Array.prototype.slice.call()
В Firefox работает и короткий вызов, через Array.call()

[gleendo]

Rsa97, Работает потому что это вообще не часть стандарта. Это так называемые статические, обобщенные/универсальные (generic) методы массива (также есть и у строк) доступные только в Firefox. К тому же данные методы являются deprecated и скорее всего будет прекращена их поддержка в будущем. В общем неудачный вы пример в начале привели.

Answer 2

[gleendo]

Array.prototype.slice.call(document.querySelectorAll(".item"), 1).forEach(item => item.remove());