title: What happens to event listeners when element is removed?
body: <p>If, for example, I have series of event listeners created like this:</p>
  
  <pre><code>var els = document.getElementyById('myList').getElementsByTagName('li');
  for (i=0;i&lt;els.length;i++) {
      els[i].addEventListener(eventType, function(e){ /* do stuff */ }, true);
  }
  </code></pre>
  
  <p>First off, am I committing some kind of heresy like this? I mean, is there a faaar simpler way of doing this other than an event for each <code>&lt;li&gt;</code> element?</p>
  
  <p>In either case, the main question is: what happens to those event listeners if the <code>&lt;li&gt;</code>s are removed/replaced? What would happen if I did this:</p>
  
  <pre><code>document.getElementyById('myList').innerHTML = 'Hello World!';
  </code></pre>
  
  <p>Do the listeners stay 'suspended' thus slowing down the browser (assume I have <em>a lot</em> of <code>&lt;li&gt;</code>s), or are they automatically removed? Is it even an issue?</p>