【求助】通过JS动态添加html控件后，如何添加样式以及OnClick，附源码

Question

    var tbl = document.getElementById('tblSample'); 
    var lastRow = tbl.rows.length;     var iteration = lastRow; 
    var row = tbl.insertRow(lastRow);     // left cell 
    var cellLeft = row.insertCell(0); 
    var textNode = document.createTextNode(iteration); 
    
    var el = document.createElement('input'); 
    el.type = 'file'; 
    el.name = 'File' + iteration; 
    el.id = 'File' + iteration; 
    el.size = 40;
    //el.class=
    //el.style=
    cellLeft.appendChild(el);     var img = document.createElement('img'); 
    img.id = 'img' + iteration; 
    img.size = 40;
    img.src="../../Images/Common/icon_Delete2.gif";  
    //img.onclick=;
    cellLeft.appendChild(img); 如上，如何添加样式呢以及单击事件？

Answer 1

el.class='abc';
el.onClick='txt_click()';楼主试一下吧

Answer 2

1：添加CSS
el.style.cssText="font-size:12px;";
2：onclick
el.innerHTML="<img src='images/1.JPG' onclick=aa()'>";
添加了个图片按钮，也可以自己写别的

Answer 3

添加样式：控件ID.style.border="1px red solid";添加单击事件：控件ID.onclick=function(){事件代码}