なんで要素取得できてるのに、style.display効かないんや・・・
思考の迷路に迷い込み、classじゃなくてidだと何故かstyle.displayが効いた。
なんでやねん・・・
と思っていたら、ちゃんとした理由が書いてある記事を発見しました。
https://teratail.com/questions/275052
getElementsByClassNameは配列のようなHTMLCollection を返すので、1つしか要素が無くてもそれに適したアクセスをする必要があります。
独学でやってると基本がすっぽり抜けちゃうよねぇ。。
const hoge = document.getElementsByClassName('class_name');
hoge[0].style.display = 'none'; // hogeが一つだけだろうが[0]が必要
とのこと!
もうstyle.displayが効かないなんて言わないよ〜♪絶対〜♪