Skip to content
← Back to rules

unicorn/prefer-dom-node-append 細部にこだわる

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

何をするか

DOM ノードに対して、document.body.appendChild(div); の代わりに document.body.append(div); を使用することを強制します。

なぜ問題なのか

Node#append() にはいくつかの利点があります。たとえば複数のノードを一度に追加できるほか、DOMString および DOM ノードオブジェクトの両方を追加できる点が挙げられます。

このルールに違反する誤ったコードの例:

javascript
foo.appendChild(bar);

このルールに準拠する正しいコードの例:

javascript
foo.append(bar);

使い方

設定ファイルまたは CLI でこのルールを有効化するには、以下のいずれかを使用してください:

json
{
  "rules": {
    "unicorn/prefer-dom-node-append": "error"
  }
}
bash
oxlint --deny unicorn/prefer-dom-node-append

参照