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

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,...]