【JavaScript】querySelectorでスペースを含むクラス名を指定する場合

書き方

// 取得対象
<div class="aaa bbb ccc">

// 取得できない
let element = document.querySelector('.aaa bbb ccc')

// 取得できる
let element = document.querySelector('.aaa.bbb.ccc')

クラス名がスペースで区切られている場合、HTML要素はclass属性を複数持っている、ということ。
上記の場合、以下の意味となる。

×「aaa bbb cccクラス」
○「aaaクラス、かつbbbクラス、かつcccクラス」

参考

https://web-camp.io/magazine/archives/87658
https://www.web-dev-qa-db-ja.com/ja/javascript/documentqueryselector%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%82%92%E5%90%AB%E3%82%80%E3%81%93%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E5%90%8D%E3%82%92%E9%81%B8%E6%8A%9E%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%A9%E3%81%86%E3%81%99%E3%82%8C%E3%81%B0%E3%82%88%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B%EF%BC%9F/1051960349/