title: how to read a child by add click event on parent?
body: <p>I am printing the table dynamically and I added a click event on the whole parent. But the click event is invoking without any click.and when I print by the table and when I press the child button the event listener is not responding?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>document.querySelector("#mL").addEventListener('click',EandD);
           var EandD = function(event){
              var itemid =  event.target.parentNode.id;
              console.log(itemid);
              
              }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!--the table prints dynamically from firebase server--&gt;
  &lt;tbody class='movie-list' id="mL"&gt;
  
          {  &lt;!--  &lt;tr&gt;
       &lt;th scope="row"&gt;1&lt;/th&gt;
        &lt;td&gt;&lt;button type="button" class="btn btn-warning d-inline-block"&gt;&lt;ion-icon class="del" name="create-outline"&gt;&lt;/ion-icon&gt;&lt;/button&gt;&lt;button type="button" class="btn btn-success d-none"&gt;&lt;ion-icon class="del"name="checkmark-circle-outline"&gt;&lt;/ion-icon&gt;&lt;/button&gt; &lt;/td&gt;
        &lt;td&gt; &lt;button type="button" class="btn btn-danger"&gt;&lt;ion-icon class="del"name="close-circle-outline"&gt;&lt;/ion-icon&gt;&lt;/button&gt;&lt;/td&gt;
      &lt;/tr&gt; --&gt;}
          &lt;/tbody&gt;</code></pre>
  </div>
  </div>
  </p>