Как удалить через JS все что в контейнере div?

Question

Есть такой контейнер + внизу кнопка

<div id="container">
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
</div>
<button>Очистить контейнер!</button>

как удалить все, что есть в контейнере с помощью JavaScript?!

Мне намекнули что-то про .setHTML - но я не понял что это.

P.S. ТОЛЬКО БЕЗ:

var deleteElement = document.getElementById("container");

deleteElement.remove();

Answer 1

Tогда используйте innerHTML

function deleteItems() {
  
  var deleteElement = document.getElementById("container");

  deleteElement.innerHTML = '';
  
}

<div id="container">
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
</div>
<button onclick="deleteItems()" >Очисть контейнер!</button>

Answer 2

function deleteItems() {
  var deleteElement = container.querySelectorAll('div');
  for (let i = 0; i < deleteElement.length; i++) {
    deleteElement[i].remove();
  }
}

<div id="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>
<button onclick="deleteItems()">Очисть контейнер!</button>

БЛОГ НА HUSL

Как удалить через JS все что в контейнере div?

Ответы (2 шт):