动态创建img元素的时候如何用onclick

var imag = parent.parent.document.createElement('img');
imag.setAttribute('border','0');
imag.setAttribute('src','/"+context+"/images/refer_del.gif');
imag.setAttribute('width','10');
imag.setAttribute('height','10');
imag.setAttribute('alt','删除');
imag.setAttribute('onclick',new Function());imag.onclick=function(){
if(confirm('确定删除?')){
  parent.parent.document.getElementById('"+newFile+"').innerHTML='';
   parent.parent.document.getElementById('"+newFile+"').style.display='none';
 }
}请问上面红色部分哪种写法对啊？我怎么试都不好使，哪种都不起作用！！还有一个就是我想给这个img加一个style="cursor:hand"应该怎么加啊？

解决方案 »

  1.   

    var imag = parent.parent.document.createElement('img'); 
    imag.setAttribute('border','0'); 
    imag.setAttribute('src','/"+context+"/images/refer_del.gif'); 
    imag.setAttribute('width','10'); 
    imag.setAttribute('height','10'); 
    imag.setAttribute('alt','删除'); 
    imag.setAttribute('onclick','if(confirm('确定删除?')){ parent.parent.document.getElementById('"+newFile+"').innerHTML='';parent.parent.document.getElementById('"+newFile+"').style.display='none'; }' ); 
    imag.style.cursor= "hand";
      

  2.   

    两种都可以啊.不过上面那个你没写实现方法.
    确认框有出来么?
    object.style.cursor="hand"
      

  3.   

    <html>
    <head>
    </head>
    <body>
        <div>        <script type="text/javascript">
                var imag = document.createElement('img');
                imag.setAttribute('border', '0');
                imag.src = 'http://avatar.profile.csdn.net/9/0/F/2_aoin2006.jpg';
                imag.style.width = '10';
                imag.style.height = '10';
                imag.setAttribute('alt', '删除');
                imag.setAttribute("onclick", "if(confirm('确定删除?')){ alert(1);} ");
                imag.style.cursor = "hand";
                document.write(imag.outerHTML);   
            </script>    </div>
    </body>
    </html>
      

  4.   


    <HTML>
    <head>
    <link rel="STYLESHEET" type="text/css" href="edit.css">
    <script type="text/javascript" src="/gzweb/common/js/prototype.js"></script>
    </head><body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <SCRIPT language=javascript>parent.HtmlEdit.focus();var range = parent.HtmlEdit.document.selection.createRange();range.pasteHTML("　<img src=/gzweb/uploadpic/20090508222909953.jpg>");parent.HtmlEdit.focus();var piccenter = parent.parent.document.getElementById("picCenter");if(confirm('是否上传到图片中心?')){var nspan = parent.parent.document.createElement("div");nspan.setAttribute("id","div20090508222909953");var oldname = parent.parent.document.createElement("input");oldname.setAttribute("type","hidden");oldname.setAttribute("name","oldName");oldname.setAttribute("value","U3144P6T647D742F16975DT20090507144855.jpg");var picname = parent.parent.document.createElement("input");picname.setAttribute("type","hidden");picname.setAttribute("name","picName");picname.setAttribute("value","20090508222909953.jpg");var imag = parent.parent.document.createElement("img");imag.setAttribute("border","0");imag.setAttribute("src","/gzweb/images/refer_del.gif");imag.setAttribute("width","10");imag.setAttribute("height","10");imag.setAttribute("alt","删除");imag.setAttribute("onclick","alert('aaaaaa');");imag.style.cursor="hand";nspan.appendChild(oldname);nspan.appendChild(picname);nspan.appendChild(parent.parent.document.createTextNode("20090508222909953.jpg"));nspan.appendChild(imag);piccenter.appendChild(nspan);piccenter.appendChild(parent.parent.document.createElement("br"));}</script>
    <a href="MoqUpload.jsp">上传成功，点击继续上传!</a>
    </body>
    </HTML>
      

  5.   

    imag.setAttribute("onclick",function(){alert('aaaaaa');}); 要这么写的...
      

  6.   

    onclick这个搞定了，有个新的问题请教我想在我创建的文字上加个href链接，如何写呢
      

  7.   

    setAttribute 和你上面的一样啊，直接增加啊
      

  8.   

    将那段文字提取
    然后替换obj.innerHTML成"<a href='url'>"+文字+"</a>"