title: Remove a class from list item of live collection/ HTMLCollection
body: <p>I have created a to-do list, but after shifting a list item from ongoing to completed tab, the tick-mark button created using js is also shifted to completed tab.</p>
  <p>I have coded in such a way that every list item created in ongoing tab is binded to tick-mark(class).To remove that button, we need to remove the class i.e. binded to list item.</p>
  <p>I have tried:</p>
  <pre><code>var nextlist = document.getElementById(&quot;completed&quot;).getElementsByTagName(&quot;li&quot;);
  var j;
  for(j = 0; j &lt; nextlist.length; j++){
        nextlist[0].classList.remove(&quot;complete&quot;);
  }
       
  </code></pre>
  <p>but it does not work.
  And because this is in HTMLCollection, we cannot use querySelectorAll()</p>