動的に作成された画像のonclick関数が機能していません

Question

こんにちは、動的にテーブルを作成しましたが、うまくいきましたが、imageIdをクリックする必要があります。だから、私がやったことです：

document.getElementById("imageId").addEventListener("click", function() {  
    alert("hello");  
}); 

それが動作していない、私はJavaScriptを使用してのみ、任意のjqueryのを必要としません。

動的にコードを作成するテーブルを以下に示します。うまくいきます。

var body = document.body, 
    tbl = document.createElement('table'), 
    tableId = document.createAttribute('id'); 

tbl.style.width = '100%'; 

for (var i = 0; i < 3; i++) { 
    var tr = tbl.insertRow(); 
    tr.style.height= '40px'; 
    var timetd = tr.insertCell(); 
    var tdcompany = tr.insertCell(); 
    var chatsymbol = tr.insertCell(); 
    var amounttd = tr.insertCell(); 
    tdcompany.innerHTML = "abc"; 
    timetd.innerHTML = "ss"; 
    chatsymbol.innerHTML = '<img src=\'images/iproseIcon2.png\' width= "35%" margin-top="10px"; >'; 
    amounttd.innerHTML = total + '<img id="imageId" src=\'images/iconarrowright.png\' >'; 
} 

Answer 1

あなたはこのコードをしようとした場合：

var myElement = document.getElementById("imageId"); 
if (myElement) { 
     document.getElementById("imageId").addEventListener("click", function() { 

    alert("hello"); 

}); 
} else { 
    alert("Element does not exist yet"); 
} 

あなたは要素がまだ存在しないことを知らせる警告が表示されます。ハンドラを追加しようとすると、要素が存在することを確認する必要があります。その目的のためにロードハンドラを使用することができます。

Answer 2

これらを試してみてください。それは私のために働いているダイナミックな画像でうまくいくことを願っています。 'img_id'の代わりに を入力すると、これらの画像のIDをクリックすると正常に動作します。

$('#img_id').on('click', function() { 
      alert("Image Success"); 
    });