Run results for: Compare contains vs closest v2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Browser: Chrome 114

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
contains	3880885.8 Ops/sec
closest	4613727.5 Ops/sec

HTML Preparation code:

<div id='div1'>
  <div id='div2'>
    <div id='div3'>
      <div id='div4'>
        <div id='div5'>
          <div id='div6'>
            <div id='div7'>
    		</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

AخA
 
<div id='div1'>
  <div id='div2'>
    <div id='div3'>
      <div id='div4'>
        <div id='div5'>
          <div id='div6'>
            <div id='div7'>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Script Preparation code:

box = document.getElementById('div1')
clicked = document.getElementById('div7')

 
box = document.getElementById('div1')clicked = document.getElementById('div7')

Tests:

contains
const isClickInside = box.contains(clicked); return isClickInside
const isClickInside = box.contains(clicked);
return isClickInside
closest
const isClickInside = clicked.closest('#div1') == null; return isClickInside
const isClickInside = clicked.closest('#div1') == null;
return isClickInside