私はそうのようなdocument.images法により、テーブル内の画像を操作するコード片持ち「document.images」

Question

のための代替は何です：コードは、私があればしかし望むまさにん

document.images[myArray].src="imageZero.gif" 

は、私はページに他の画像があると、このコードはそれらに影響します。

テーブル内の画像にのみ影響するようにコードを変更するにはどうすればよいですか？

よろしく、

jmcall10

Answer 1

あなたはgetElementsByTagNameを使用することができます。

まず、テーブルを識別します。そして、getElementsByTagNameを呼び出す

var mytable = document.getElementById('mytable'); 

を：あなたのテーブルにはid属性を持っている場合は、あなたがこれを行うことができ

for (var i = 0; i < images.length; i++) { 
    images[i].src = "imageZero.gif"; 
} 

：

は

var images = mytable.getElementsByTagName('img'); 

は今、あなたはそれらのイメージにアクセスするには、インデックスを使用することができます現代のブラウザでは、これをすばやく行うことができます

for (const img of document.querySelectorAll('#mytable img')) { 
    img.src = "imageZero.gif"; 
} 

012あなたは document.querySelectorAll（「 css-selectors」）を探している

Answer 2

だから、あなたはとてもつのテーブル内のすべての画像をターゲットにできたいあなたのテーブルであれば

var images = document.querySelectorAll('table img'); 

のようなものIDまたはclassとあなたのようにセレクターの画像も同様です：

var images = document.querySelectorAll('table#tabl-id.tableclass img.class'); 

以下のリンクを必ず読んでください。この回答の先頭。あなたがそうのように前に行ったように今、あなたのイメージのsrcを変更する

：

var images = document.querySelectorAll('table img'); 
for(var i=0; i <= images.length; i++) { 
    images[i].src="imageZero.gif" 
}