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

### 作用

强制在 DOM 节点上使用 `.textContent`，而不是 `.innerText`。

### 为什么这不好？

使用 `.innerText` 有一些缺点。

* `.innerText` 返回渲染后的文本并忽略隐藏内容，而 `.textContent` 返回节点的完整文本内容。
* `.innerText` 可能会触发重排，因为它会考虑 CSS 样式。
* `.innerText` 只对 HTMLElement 对象定义，而 `.textContent` 对所有 Node 对象都定义。

### 示例

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

```javascript
const text = foo.innerText;
```

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

```javascript
const text = foo.textContent;
```

## 如何使用

## 版本

此规则在 v0.0.21 中新增。

## 参考资料