私のウェブページ上のすべての画像(おそらく特定のクラスのもの)をループする簡単な方法があり、これらすべての画像のソースを同じ画像に変更するのが簡単なのでしょうか。これはイースターエッグのためのもので、AJAXやjQueryのようなライブラリは避けたい。JavaScript画像の置き換え
1
A
答えて
3
あなたはこのように、すべての<img>
の要素を取得するためにdocument.getElementsByTagName()
を使用することができます。
var imgs = document.getElementsByTagName("img");
for(var i=0, l=imgs.length; i<l; i++) {
imgs[i].src = "someImage.jpg";
}
1
for (var i = 0; i < document.images.length; i++)
if (document.images[i].className == 'certain-class') // caution: can have multiple classes
document.images[i].src = '/hello.jpg';
document.imagesがあるため、 `VARのあなたのための投票先史時代DOM0
関連する問題
- 1. ホバーテキストを置き換えて画像に置き換えます
- 2. 画像を別の画像/ボタンに置き換えてください - javascript
- 3. 画像をjavascriptで置き換えます
- 4. アイコンを画像に置き換える
- 5. モバイルHTMLで画像を別の画像に置き換える
- 6. 画像ファイルを新しい画像に置き換えます
- 7. 画像をクリックして画像に置き換えます
- 8. Javascriptでテキストを画像に置き換えるテキストボックスの入力を除外
- 9. 画像を他の画像に置き換えるChrome拡張子
- 10. 壊れた画像をプレースホルダーの画像で置き換えます
- 11. 画像の置換
- 12. ユーザーがIPhoneの画像をタップしたときに画像を他の画像に置き換えます。
- 13. 通常のナビゲーションバーを画像に置き換える! (チタンAppceleratorの)
- 14. wordpressのポスト画像のattrに置き換え
- 15. Wordpressのすべての画像を置き換える
- 16. 最近のアプリメニューの画像を置き換えます
- 17. ハイチャートをレポート用の画像に置き換えますか?
- 18. 画像内の色を置き換える方法は?
- 19. テキスト内のタグを画像に置き換えます。
- 20. 画像の内容をGoogleマップに置き換えます。
- 21. テキストを検索フィルタの画像に置き換えます。
- 22. Androidのナビゲーションドロワーで画像を置き換える
- 23. WebpackはHTMLファイルの画像を置き換えません
- 24. AngularJS +キャンバスと背景画像の置き換え
- 25. MySQLテキストフィールドのタグを画像に置き換えます
- 26. AVPlayerのサムネイル画像を置き換える方法は?
- 27. ID /クラスのない画像をJQueryに置き換えます
- 28. ビデオをエラーのある画像に置き換えます。
- 29. NSTableView:画像で空のテーブルを置き換えます
- 30. Android:アルバムアートギャラリーからの画像に置き換えられる
I = 0、LからDOM2の採用であります= imgs.length'は、それが動作することを知らなかった。 – thejh
@thejh-yup、あなたが望むように多く宣言します。 '.length'はチェックするのが高価になる可能性があります。あるいはチェックされているので、少なくとも加算されます。*すべてのループですので、 ) –
ありがとう!これは完全に機能し、それはかなりクールなトリックです。 –