JavaScriptのノード検索

2018-07-21 01:06:59

 JavaScriptのノードを取得するときに利用するのは、自力でループするのを除けば以下の4種類です。

‌ ‌querySelector
‌ querySelectorAll
‌ getElementById
‌ getElementsByTagName

‌ 柔軟な条件で検索をかけようと思ったらquerySelector系を使うことになります。getElement系は検索は高速ですが、IDもしくはTag名のみの条件指定となります。

‌ JavaScriptの入門書籍は最初にgetElement系が出てきます。そして酷いものになると、‌querySelectorが出てこないまま終わります。逆に入門書籍はquerySelector系に絞った方が良いと思います。

‌ 確かにgetElement系の方が高速です。ただ、実際にユーザ体験に差異が生じるのは、ペンチマークの結果を見るときだけです。数字を確認して、初めて違いが実感できると言うだけの話なのです。だったらはじめから使いやすい方を覚えた方が早いのです。