Skip to content
← Back to rules

unicorn/prefer-dom-node-append Pedantic

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

作用

强制对 DOM 节点使用例如 document.body.append(div);,而不是 document.body.appendChild(div);

为什么这不好?

使用 Node#append() 有一些优点,例如可以追加多个节点,以及可以同时追加 DOMString 和 DOM 节点对象。

示例

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

javascript
foo.appendChild(bar);

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

javascript
foo.append(bar);

如何使用

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

json
{
  "rules": {
    "unicorn/prefer-dom-node-append": "error"
  }
}
ts
import { defineConfig } from "oxlint";

export default defineConfig({
  rules: {
    "unicorn/prefer-dom-node-append": "error",
  },
});
bash
oxlint --deny unicorn/prefer-dom-node-append

版本

此规则已在 v0.0.18 中添加。

参考资料