← Back to rules

unicorn/prefer-dom-node-text-content スタイル

🛠️ An auto-fix is available for this rule for some violations.

何をするか

DOM ノードに対して .textContent を .innerText に代えて使用することを強制します。

なぜ悪いのか

.innerText を使用するにはいくつかの欠点があります。

• .innerText は結果を返すためにレイアウト情報が必要なため、パフォーマンス負荷が非常に高くなります。
• .innerText は HTMLElement オブジェクトに対してのみ定義されていますが、.textContent はすべての Node オブジェクトに対して定義されています。
• .innerText は標準ではなく、例えば、Firefox では存在しません。

例

このルールに違反する 誤り なコードの例：

const text = foo.innerText;

このルールに従った 正しい コードの例：

const text = foo.textContent;

使い方

設定ファイルまたは CLI でこのルールを有効化するには、次のようにします：

Config (.oxlintrc.json)

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

CLI

oxlint --deny unicorn/prefer-dom-node-text-content

参照

• ルールのソース