To demonstrate my question, here's my version of HTML:

```
<body>
  <a href="google.com">
    <div>
      <h2>Hello</h2>
      <h4>Venus</h4>
    </div>
  </a>
</body>

```

Then I use 'onclick' for the body in Javascript:

```
document.body.onclick = function(event) {
  console.log(event.path)
}

```

When I click on the 'h2' tag, the console will log only [window, html, body, a] and not the elements inside of the 'a' tag.   

The result I want is when I click the 'h2' tag, event.path will return an array of [window, html, body, a, div, h2]

This problem also exists with the 'p' tag.

Is there a way for the 'event.path' to includes elements inside 'a' tags? Thank you very much.