unicorn/prefer-dom-node-dataset Pedantic
What it does
Use .dataset on DOM elements over getAttribute(…), .setAttribute(…), .removeAttribute(…) and .hasAttribute(…).
Why is this bad?
The dataset property is a map of strings that contains all the data-* attributes from the element. It is a convenient way to access all of them at once.
Example
Examples of incorrect code for this rule:
javascript
element.setAttribute("data-unicorn", "🦄");Examples of correct code for this rule:
javascript
element.dataset.unicorn = "🦄";