JavaScriptセレクタ指定で要素を取得する

JavaScriptでセレクタを指定して要素を取得するためのサンプルです。
jQueryは使わずに実装する(Vanilla JS)のが近年の潮流です。

要素単体を取得

querySelectorを使います。ない場合はnullが返ります。

<script>

  let target = document.querySelector('input[type=checkbox]');
  console.log(target);

</script>

querySelectorAllを使います。ない場合は空の配列[]が返ります。

<script>
    document.querySelectorAll('input[type=checkbox]').forEach(function(element){
        console.log(element);
    });
</script>