0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

もう悩まない!style.displayが効かないなんて言わない!JS

Posted at

なんで要素取得できてるのに、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が効かないなんて言わないよ〜♪絶対〜♪

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?