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");