質問者さんのコードが正しく動かなかった原因は二つあります。
取得の仕方が間違っている
javascript
1for (let i = 0; i < harfText.length; i++) {
2 harfText.item(i).style.height = "500";
3}
HTMLCollection要素(getElements
系)から、特定のインデックスの要素を取得するには、
item
メソッドを使う必要がありますことでもできます。
失礼しました、上記は、取得できない原因というわけではなかったようですね。
特定のスタイルを、JavaScriptでstyle(インナースタイル)で、変更するには、単位が必要
javascript
1for (let i = 0; i < harfText.length; i++) {
2 harfText.item(i).style.height = "500px";
3}
height
に対しては、上記のように、なにかしらの単位を付けなければ、DOMに反映すらしません。
ただし、yambejpさんの回答通りの方が、レンダリングコスト(パフォーマンス的にも)よく、
有効であると思います。
また、newdaysysさんの回答通り、jQueryを使用した方が、構文自体はかなり行数を抑え、楽に実装できるかと。
以上です。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/22 10:07
2020/05/22 10:16
2020/05/22 21:58