Clear the element

Ø¨Ø§Ø²Ú¯Ø´Øª Ø¨Ù‡ Ø¯Ø±Ø³

Ø§ÛŒÙ† Ù…ØØªÙˆØ§ ØªÙ†Ù‡Ø§ Ø¯Ø± Ø§ÛŒÙ† Ø²Ø¨Ø§Ù†â€ŒÙ‡Ø§ Ù…ÙˆØ¬ÙˆØ¯ Ø§Ø³Øª: English, EspaÃ±ol, FranÃ§ais, Italiano, æ—¥æœ¬èªž, í•œêµì–´, Ð ÑƒÑÑÐºÐ¸Ð¹, TÃ¼rkÃ§e, Ð£ÐºÑ€Ð°Ñ—Ð½ÑÑŒÐºÐ°, OÊ»zbek, ç®€ä½“ä¸æ–‡. Ù„Ø·ÙØ§Ù‹ Ø¨Ù‡ Ù…Ø§

Create a function clear(elem) that removes everything from the element.

<ol id="elem">
  <li>Hello</li>
  <li>World</li>
</ol>

<script>
  function clear(elem) { /* your code */ }

  clear(elem); // clears the list
</script>

First, letâ€™s see how not to do it:

          function clear(elem) {
  for (let i=0; i < elem.childNodes.length; i++) {
      elem.childNodes[i].remove();
  }
}
        

That wonâ€™t work, because the call to remove() shifts the collection elem.childNodes, so elements start from the index 0 every time. But i increases, and some elements will be skipped.

The for..of loop also does the same.

The right variant could be:

          function clear(elem) {
  while (elem.firstChild) {
    elem.firstChild.remove();
  }
}
        

And also thereâ€™s a simpler way to do the same:

          function clear(elem) {
  elem.innerHTML = '';
}
        