Run results for: Javascript closest method vs closestParent prototype function

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/119.0

Browser: Firefox 119

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
closest method	1496.5 Ops/sec
closestParent function	1654.5 Ops/sec

HTML Preparation code:

  <div class="1" id="1">
            <div class="2">
                <div class="3">
                    <div class="4">
                        <div class="5">
                            <div class="5">
                                <div class="6">
                                    <div class="7">
                                        <div class="8">
                                            <div class="9">
                                                <div class="10">
                                                    <div class="11">
                                                        <div class="12">
                                                            <div class="13">
                                                                <div class="14">
                                                                    <div class="15">
                                                                        <div class="16" id="helloWorld">
                                                                            <div class="17">
                                                
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

Script Preparation code:

var class17 = document.getElementsByClassName("17");
Object.prototype.closestParent = function(tag, multi) {
    var el=this.parentNode; var newTag = tag.slice(1); var g = 0; 
    if(tag[0] === "."){while(el && g < multi){if(el.className !== newTag){g++;el=el.parentNode;}else{return el};}};
    if(tag[0] === "#"){while(el && g < multi){if(el.id !== newTag){g++;el=el.parentNode;}else{return el};}};  
};

Tests:

closest method
for(i=0;i<100;i++){ console.log(class17[0].closest("#helloWorld")) }
closestParent function
for(i=0;i<100;i++){ console.log(class17[0].closestParent("#helloWorld", 1)) }

Run results for: Javascript closest method vs closestParent prototype function

closest method

closestParent function