Run results for: Dataset vs getAttribute x2xqa2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:150.0) Gecko/20100101 Firefox/150.0

Browser: Firefox 150

Operating system: Windows

Device Platform: Desktop

Date tested: 4 months ago

Benchmark engine: Benchmark.js

getAttribute2

3K/s

getAttribute

2K/s

dataset

489/s

View exact numbers

Script Preparation code:

var els = [];
for (var i = 0; i < 10000; i++){
	var el = document.createElement("div");
	el.setAttribute("data-test", 1);
	els.push(el);
}

Tests:

dataset
var attrs = []; for (var i = 0; i < els.length; i++){ attrs.push(els[i].dataset.test); } if (attrs.length !== els.length){ throw "error" }
getAttribute
var attrs = []; for (var i = 0; i < els.length; i++){ attrs.push(els[i].getAttribute("data-test")); } if (attrs.length !== els.length){ throw "error" }
getAttribute2
var attrs = []; for (var i = 0; i < els.length; i++){ els[i].getAttribute && attrs.push(els[i].getAttribute("data-test")); } if (attrs.length !== els.length){ throw "error" }