document.queryselectorAllでnotを使う

document.querySelectorAllで特定の要素一覧を取得する際に、除外条件を指定したかったので方法を調べた。

notを使うと除外できた。

以下のようなHTMLがあるとしてItem1 ~ 3のみを取得したい場合、

<ul>
  <li class="list head">Title</li>
  <li class="list">Item1</li>
  <li class="list">Item2</li>
  <li class="list">Item3</li>
</ul>

以下のように指定すれば取得できる。

document.querySelectorAll('.list:not(.header)')