单选题

以下代码执行后，控制台的输出依次是（） <div class="ou...

Question

以下代码执行后，控制台的输出依次是（）

<div class="outer">
  <div class="inner">
    <button id="btn">click</button>
  </div>
</div>
<script>
  const inner = document.querySelector('.inner')
  const outer = document.querySelector('.outer')
  const body = document.body
  function handler(e) {
    console.log(`${this.id || this.className || this.tagName}`)
  }
  
  body.addEventListener('click', handler)
  outer.addEventListener('click', handler)
  inner.addEventListener('click', handler)
</script>

A. inner, outer, body

B. outer, body, inner

C. outer, inner, body

D. body, outer, inner