搞不懂的js

 

动态在Table的cell中加一个Button,并添加click event
<TABLE border=2 id="t1">
<TR>
 <TD>ww</TD>
</TR>

</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
/**//*
   //方法一：居然click事件无效，不知道是什么原因，哪位达人知道请点化一下 
   var t1 = document.all.t1;
   var newRow = document.createElement("TR");
   t1.children[0].appendChild(newRow);

   var newCell = document.createElement("TD");
   newCell.innerHTML = "<input type='button' onclick='javascript:alert(1)' value='click'>";

   newRow.appendChild(newCell);
*/
 //方法二：可行
   var t1 = document.all.t1;
   var newRow = t1.insertRow();
   var newCell = newRow.insertCell();
   
   newCell.innerHTML = "<input type='button' onclick='javascript:alert(1)' value='click'>";
//-->
</SCRIPT>
<input type=button onclick=alert(document.body.innerHTML) value=showHtml>