Run results for: classList.contains() vs closest() performance

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36

Browser: Chrome 139

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 9 months ago

contains

48.0M/s

closest

17.3M/s

View exact numbers

Test name	Executions per second
✓ contains	48,020,496 Ops/sec
closest	17,273,614 Ops/sec

HTML Preparation code:

<div class='div1'>
  <div class='div2'>
    <div class='div3'>
    </div>
  </div>
</div>

Script Preparation code:

var box = document.querySelector('.div1')
var clicked = document.querySelector('.div3')

Tests: