Run results for: Dataset vs getAttribute x2xqa2

Run details:

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

Browser: Chrome 89

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

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" }