Run results for: Node instanceof vs property checks

Run details:

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

Browser: Chrome 148

Operating system: Windows

Device Platform: Desktop

Date tested: one month ago

instanceof

48/s

property checks

46/s

View exact numbers

Test name	Executions per second
✓ instanceof	48 Ops/sec
property checks	46 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->
<div id="root"></div>

Script Preparation code:

(function () {
  let root = document.getElementById('root');
  let nodes = Array(10_000);
  for (let i = 0; i < 10_000; ++i) {
    nodes[i] = document.createElement('div');
  }
  root.append(...nodes);
})()

Tests:

instanceof
let root = document.getElementById('root'); for (let i = 0; i < root.children.length; ++i) { let child = root.children[i]; console.log(child instanceof HTMLDivElement); }
property checks
let root = document.getElementById('root'); for (let i = 0; i < root.children.length; ++i) { let child = root.children[i]; console.log(child.nodeType === Node.ELEMENT_NODE && child.tagName === 'div'); }