跳到內容

unicorn/prefer-query-selector 吹毛求疵

🛠️ 此規則的部分違規行為有自動修正可用。

此規則的作用

優先使用 .querySelector() 而非 .getElementById(),使用 .querySelectorAll() 而非 .getElementsByClassName().getElementsByTagName()

範例

此規則的錯誤程式碼範例

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

此規則的正確程式碼範例

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

參考資料

在 MIT 許可下發布。