JSFiddle - React, Tailwind, and code Playground
HTML
<a name="test"></a>
<a name="test"></a>
<a name="test"></a>
<a name="test"></a>
<a name="test"></a>
<a name="test"></a>
<a name="test"></a>
JavaScript
var n = 1000000;
function test1() {
var time = new Date();
var nodes = document.getElementsByTagName('a');
for (var i = 0; i < n; i++) {
var s = nodes.item(0);
}
var diff = new Date() - time;
alert('Total: ' + diff + 'ms | Avg: ' + (diff/n) + 'ms');
}
function test2() {
var time = new Date();
var nodes = document.getElementsByTagName('a');
for (var i = 0; i < n; i++) {
var s = nodes[0];
}
var diff = new Date() - time;
alert('Total: ' + diff + 'ms | Avg: ' + (diff/n) + 'ms');
}
test1();
test2();