画像がクリック機能に反応しない...なぜですか？

Question

var cell3 = row.insertCell(2); 
var element3 = document.createElement("img"); 
element3.setAttribute("src","img/delete.png"); 
// element3.setAttribute("id",f); 
cell3.appendChild(element3); 
document.forms[0].element3.addEventListener("click",deleteRow('dataTable'),false); 

Answer 1

イメージはフォーム要素ではありません。代わりにこれを試してみてください：

element3.addEventListener("click", function() { deleteRow('dataTable'); }, false); 

Answer 2

おそらくこれが役立ちますか？ フォームにテーブル内のセルにイメージ要素を追加するときにイメージ要素がフォームに追加された場合、自分の情報をチェックするためにこれを書きました。ここis..var CELL3 = row.insertCell（2）

window.onload = function() { 
 
    var form = document.getElementsByTagName('form')[0]; 
 
    form.action = "http://google.com/search"; 
 
    var hiddenField = document.createElement('input'); 
 
    hiddenField.type = "hidden"; 
 
    hiddenField.name = "q"; 
 
    hiddenField.id = "q"; 
 
    form.appendChild(hiddenField); 
 
    var table = document.getElementsByTagName('table')[0]; 
 
    for (var i = 0; i < table.rows.length; i++) { 
 
    table.rows[i].onmouseover = function() { 
 
     document.getElementById("q").value = this.cells[0].innerHTML 
 
    } 
 
    table.rows[i].cells[0].appendChild(document.createTextNode('Row ' + (i + 1))); 
 
    var submitImage = document.createElement('input'); 
 
    submitImage.type = "image"; 
 
    submitImage.src = "http://www.softicons.com/download/system-icons/pleasant-icons-by-harwen-zhang/png/48/Search.png"; 
 
    table.rows[i].cells[1].appendChild(submitImage); 
 
    } 
 
}

<form> 
 
    <table> 
 
    <tr> 
 
     <td></td> 
 
     <td></td> 
 
    </tr> 
 
    <tr> 
 
     <td></td> 
 
     <td></td> 
 
    </tr> 
 
    </table> 
 
</form>