Run results for: parent vs closest 3

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

Browser: Safari 15

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

HTML Preparation code:

<span class="span">
  <div>
    <div id='it'>
    </div>
  </div>
</span>

Script Preparation code:

var it = document.getElementById("it");

Tests:

parentElement
while (it !== null && it.className.indexOf("span") === -1) { it = it.parentElement; }
closest tag
it.closest('span')
closest class
it.closest('.span')
closest tag class
it.closest('span.span')
parentNode
while (it.className.indexOf("span") === -1) { it = it.parentNode; if(it === document) { it = null break } }