내 이미지가 클릭 기능에 응답하지 않습니다 ... 이유가 무엇입니까?

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>

여기