「img」経由で各画像に forEach を割り当てます

Question

<p>HTMLのimgタグの下でJSのforEachを使用しようとしています。 </p><p>これは変数 bobbingPhotos です: </p> <pre class="brush:php;toolbar:false;">bobbingPhotos.forEach(function(photo) { var randomDelay = Math.random() * 2; // 0 ～ 2 秒の間のランダムな遅延 photo.style.animationDelay = randomDelay 's'; });</pre> <p>この問題は、各画像にハードコーディングされたクラス名「bobbing-photo」を割り当てることで解決できますが、画像はテキスト入力から生成されているため、これはできません。 </p> <pre class="brush:php;toolbar:false;">functiongenerateImages() { var userInput = document.getElementById('userInput').value; var imageOutput = document.getElementById('imageOutput'); imageOutput.innerHTML = ''; for (var i = 0; i

Answer 1

画像タグを動的に追加したため、画像タグを追加した後にアニメーション関数を再度呼び出す必要があります。

リーリー