• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:img sec = ""の取得に失敗したとき)

imgタグの取得に失敗した場合の対処法

このQ&Aのポイント
  • imgタグで画像の読み込みに失敗した場合、その行を削除する方法について
  • 10行程度の画像表示テーブルで、取得に失敗した画像の行を削除する方法を教えてください
  • imgタグの取得失敗時に、その行を消す方法についてアドバイスをいただきたいです

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.5

imgにonerrorを付けるってとこまでは#1さんと同じです。 行ごと消す、を、その行を非表示、にしています。 <html> <head> <script type="text/javascript"> function sample(Img){ for(var TR=Img;TR&&TR.nodeName!='TR';TR=TR.parentNode); if(TR)TR.style.display='none'; } </script> </head> <body> <table> <tr><td><a href="・・・"><img src="・・・" alt="・・・" onerror="sample(this)"></a></td><td>テキスト</td></tr> <tr><td><a href="・・・"><img src="・・・" alt="・・・" onerror="sample(this)"></a></td><td>テキスト</td></tr> <tr><td><a href="・・・"><img src="・・・" alt="・・・" onerror="sample(this)"></a></td><td>テキスト</td></tr> </table></body> </html> ところで・・・ >取得に失敗して、代わりのaltのテキストが表示される ってのがまさにaltの役割りなんですけど非表示にしちゃっていいものでしょうか? もし代替テキストでないんだとしたらaltは空にしてtitleに内容?を書いた方がいいかと思います。 → <img src="・・・" alt="" title="・・・" onerror="sample(this)">

その他の回答 (4)

回答No.4

ごめんなさい <img>に altをかいていませんでした。

回答No.3

もうひとつ 質問を・・・? 回答を・・・では? node.onerror = null; を、いれないと、さくじょしたのにえらーになります それはなぜ?

回答No.2

わ・・・× は・・・○

回答No.1

こういうのは? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head>  <meta http-equiv="Content-Script-Type" content="application/javascript">  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <title>test</title> </head> <body> <table summary="がぞうのいちらんひょうになります" border="1">  <tr>   <td>photo0</td>   <td><a href="#"><img src="./img/01.gif" onError="delTR( this )"></a></td>  </tr>  <tr>   <td>photo0</td>   <td><a href="#"><img src="./img/1.gif" onError="delTR( this )"></a></td>  </tr>  <tr>   <td>photo0</td>   <td><a href="#"><img src="./img/2.gif" onError="delTR( this )"></a></td>  </tr> </table> <script type="text/javascript"><!-- var delTR = (function ( getParent ) {  return function ( node ) {   var tr = getParent( node, 'nodeName', 'TR' );   node.onerror = null;   if( tr ) tr.parentNode.removeChild( tr );  }; })(   function ( node, type, val ) {    return node ? ( val === node[ type ] ) ?     node:     arguments.callee( node.parentNode, type, val ):     null;   }  ); //-->   </script> </body> </html> ぜんかく、くうはくは、はんかくになおしてね

関連するQ&A

専門家に質問してみよう