我的图片没有响应点击功能...为什么？

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

或者这可以帮助吗？ 我刚刚写了它来检查我自己的信息，如果将图像元素添加到表单中的表格中的单元格时，图像元素将被添加到表单中。

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>