JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
  <div id="div2">
    <div id="div3"></div>
  </div>
</div>

CSS

div {
       padding: 40px;
     }
     
     #div1 {
       background: red;
     }
     
     #div2 {
       background: green;
     }
     
     #div3 {
       background: blue;
     }

JavaScript

var oDiv1 = document.getElementById('div1');
var oDiv2 = document.getElementById('div2');
var oDiv3 = document.getElementById('div3');

function fn1() {
  alert(this.id);
}
//点击div3，查看结果
oDiv1.onclick = fn1;
oDiv2.onclick=fn1;
oDiv3.onclick = fn1;