Как удалить все элементы после селектора?

Question

[Артём]

Как удалить все элементы после выбранного селектора с id="point" ??

<div id="questions">
  <div></div>
  <div></div>
  <div></div>
  <div id="point"></div>
  <div></div> <!-- удалить -->
  <div></div> <!-- удалить -->
  <div></div> <!-- удалить -->
  <div></div> <!-- удалить -->
  <!-- ... -->
  <!-- ... -->
</div>

Answer 1

[0xD34F]

Где и после кого надо удалить элементы:

const parent = document.querySelector('#questions');
const selector = '#point';

Удаляем:

const children = [...parent.children];
const index = -~children.findIndex(n => n.matches(selector));
index && parent.replaceChildren(...children.slice(0, index));

// или

for (
  const el = parent.querySelector(selector);
  el?.nextElementSibling;
  el.nextElementSibling.replaceWith()
) ;

// или

parent.querySelectorAll(`${selector} ~ *`).forEach(n => n.remove());

Answer 2

[Арамаис Мирзоян]

// получаем все блоки внутри блока questions
let elements = document.getElementById('questions').querySelectorAll('div');

// удаляем блок, если значение этой переменной истинное
let deleteElement = false;

// крутим цикл по этим блокам
for (var i = 0; i < elements.length; i++) {
  
  if(deleteElement) {
    elements[i].remove();
  }
  
 // если цикл достиг блоку с id point, тогда следующим шагом нужно удалить блок
  if(elements[i].id === 'point'){
   deleteElement = true;
  }
}

Работающий пример