title: How to get href off child a tag
body: <p>I have the following code structure and I am having trouble getting to the value of the href</p>
  
  <pre><code>&lt;div class=""&gt;
    &lt;div class=""&gt;
      &lt;div class=""&gt;
        &lt;a href=""&gt;&lt;img src=""&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ev.target.getAttribute("href") ev.target.parentNode.getAttribute("href") are not working.</p>
  
  <p>I should mention that the img tag wrapped in the a tag has a hover state on it as well. I want to click on the image, get the href, preventDefault behavior and trigger some other thing.</p>