unicorn/prefer-query-selector Pedantic

🛠️对于某些违规行为，此规则提供自动修复。

它所做的事

优先使用 .querySelector() 而非 .getElementById()，选择 .querySelectorAll() 而非 .getElementsByClassName() 和 .getElementsByTagName()。

示例

此规则的错误代码示例

document.getElementById("foo");
document.getElementsByClassName("foo bar");
document.getElementsByTagName("main");
document.getElementsByClassName(fn());

此规则的正确代码示例

document.querySelector("#foo");
document.querySelector(".bar");
document.querySelector("main #foo .bar");
document.querySelectorAll(".foo .bar");
document.querySelectorAll("li a");
document.querySelector("li").querySelectorAll("a");

参考

• 规则源代码