---
url: /docs/guide/usage/linter/rules/unicorn/prefer-dom-node-dataset.md
---

### 它的作用

在 DOM 元素上优先使用 [`.dataset`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset) ，而不是 `getAttribute(…)`、`.setAttribute(…)`、`.removeAttribute(…)` 和 `.hasAttribute(…)`。

### 为什么这不好？

`dataset` 属性是一个字符串映射，其中包含元素的所有 `data-*` 属性。它是一种一次性访问所有这些属性的便捷方式。

### 示例

以下是此规则的**错误**代码示例：

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

以下是此规则的**正确**代码示例：

```javascript
element.dataset.unicorn = "🦄";
```

## 如何使用

## 版本

此规则于 v0.0.18 中添加。

## 参考资料