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 = "🦄";