子要素を全て削除する処理

<ul>
  <li>いろ</li>
  <li>はに</li>
  <li>ほへ</li>
</ul>
<button>削除する</button>

const ul = document.querySelector('ul');
const btn = document.querySelector('button');
btn.addEventListener('click', () => {
  while (ul.firstChild) {
    ul.removeChild(ul.firstChild);
  }
});

if,while文の条件に渡されるのは真偽値であるべきで、もし真偽値でない値が渡された場合は真偽値に型変換される。渡すと偽になる値＝＞ 0とNaN、空文字列（つまり””）、false、null、undefined。上記以外は、全て真。オブジェクトも全て真。