Function qsa

document.querySelectorAll のショートカット版。 querySelectorAll は NodeListオブジェクトを返すのでそのままではmapやforEachなどの配列処理を行えない。 qsa は配列で返すためのその後の処理を書きやすい。

qs

// 以下はほぼ同等
qsa(".hoge");
document.querySelectorAll(".hoge");

// さらに qsa の戻り値へは配列処理が使える。
qsa(".hoge").map(elm => doSomething()).forEach(elm => doAnotherThing());
  • Type Parameters

    Parameters

    • query: string
    • queryRoot: ParentNode = document

      クエリを実行するルートオブジェクト

    Returns T[]