title: mutationobserver multiple node DOM
body: <p>I am trying to use mutationobserver for multiple nodes.</p>
  
  <blockquote>
    <p>__w2_modal_wrapper_14</p>
  </blockquote>
  
  <p>Have childnodes but 15,16,17 don't have any nodes. they will automatically load when scroll goes down. And I want a check on every nodes <code>__w2_modal_wrapper_14</code>, <code>__w2_modal_wrapper_15</code>, <code>__w2_modal_wrapper_16</code> and <code>__w2_modal_wrapper_17</code> and more as the web will load.</p>
  
  <p>So please suggest any solution.</p>
  
  <pre><code>var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
    var list = document.getElementById('#__w2_modal_wrapper_14');
  
    var observer = new MutationObserver(function(mutations) {  
      mutations.forEach(function(mutation) {
        if (mutation.type === 'childList') {
         alert("change");
        }
      });
    });
  
    observer.observe(list, {
      attributes: true, 
      childList: true, 
      characterData: true
    });
  </code></pre>
  
  <p><br/>
  <br/>
  <a href="https://i.stack.imgur.com/1Z84X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1Z84X.png" alt=""></a></p>