DOM Удалить при 10 елементах

#javascript

var counter = 0;
window.onload = function() {
  var button = document.getElementById("bid");

  button.onclick = function() {
    var list = document.getElementById("list");
    var item = document.createElement("li");
    item.innerHTML = "Item";
    list.appendChild(item);
    var body = document.getElementById("list").childNodes;
    counter++;
    if (counter == 10) {
      for (var i = 0; i < body.length; i++) {
        body.splice(i, 1);
      }
      counter = 0;
    }
  }
}


Есть кнопка при нажатии создает li в ul.


  body.splice is not a function  Вот такую ошибку выдает браузер.


И это далеко не первая попытка переписать эту часть. Помогите задать условие чтобы
при counter = 10 удалять все li.

body = Nodelist [li,li,...]
    

Ответы

Ответ 1

У типа NodeList действительно нет такой функции.

if (counter == 10) {
  list.innerHTML = "";
  counter = 0;
}