ホームページ参考資料
首都大学東京 田川研究室
2015年3月9日更新
コラムへ戻る

参考サイト

querySelectorAll使用上の注意

<section>
    <a></a>
    <section>
        <a></a>
        <a></a>
        <a></a>
    </section>
</section>
上記のHTMLに対し最上位sectionからのノードでcssセレクタを用いる場合、
querySelectorAll("section>section>a");
querySelectorAll("section>a");
の違いに気を付けよう。後者では選択される要素数は4つになる。前者が正しい。

参考