javascript - 画像エラー後にスパンにテキストを追加

Question

注：私はJavascriptを初めて使用します。

これを達成するための私の試みは次のとおりです。

$("#img").onerror = function(evt) {
    $(".card-error").next("#img-error").html("Error with image url");
});

これは機能しませんでした。

「onerror」が発生した場合-「img-error」スパン内にテキストエラーメッセージを追加するにはどうすればよいですか？

Answer 1

代わりにそれを試してください：

$（'＃img'）。error（function（）{
  $（ "。card-error"）。html（ "画像のURLにエラーがあります"）;
}）;

Answer 2

jQueryイベントハンドラーメソッドを使用する必要があります：

$('#img').on("error", function() {
    $("#img-error").text("Error with image url");
});

プロパティ「onerror」をjQueryラッパーオブジェクトに割り当てていましたが、ガベージコレクションを行うだけです。DOM要素への割り当ては、次のように機能します。

$("#img").get(0).onerror = … // or with plain DOM:
document.getElementById("img").onerror = …