dataset vs setAttribute performance

Viewed 3991

I've been working with some data attributes in Javascript recently. I have been using element.dataset.foo = "bar" and element.setAttribute("data-foo","bar") interchangeably. I've heard that generally setAttribute is more reliable and that using an attribute is faster, but is that still the case with these somewhat nonstandard attributes?

2 Answers

In terms of performance I could not tell you wich is more faster dataset or element.setAttribute but in term of support a.k.a reliability, dataset is well supported.

You can see the support table here : https://caniuse.com/#search=dataset

But in my opinion, using dataset produce a cleaner more readable JS code.

Related