タイトル通りです。
1番から18番のサムネイルにマウスを置いたり離したりすることで画像の大きさが変わるスクリプトを組んだのですが、
for文にするとうまくいきません。1個1個書くと動きます。
コンソールでみると、" cannot read property 'style' of undefined "とあったので
要素が1から18までしっかり取得できていること、for...inを使ってstyleプロパティがあることを確認したのですが、それ以上はわかりませんでした。
何が問題なのでしょうか?
JavaScript
1for(var i = 1; i < 19; i++){ 2 elem[i] = document.getElementById('thumb' + i); 3 elem[i].addEventListener('mouseover', function(){ 4 elem[i].style.height = '300px'; 5 }, false); 6 7 elem[i].addEventListener('mouseout', function(){ 8 elem[i].style.height = '180px'; 9 }, false); 10}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/08 02:55