unicorn/prefer-dom-node-dataset Pedantic

🚧 An auto-fix is planned for this rule, but not implemented at this time.

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.

Examples

Examples of incorrect code for this rule:

element.setAttribute("data-unicorn", "🦄");

Examples of correct code for this rule:

element.dataset.unicorn = "🦄";

How to use

To enable this rule in the CLI or using the config file, you can use:

CLI

oxlint --deny unicorn/prefer-dom-node-dataset

Config (.oxlintrc.json)

{
  "rules": {
    "unicorn/prefer-dom-node-dataset": "error"
  }
}

References

• Rule Source