javascript 动态生成按钮并添加事件时为什么不响应？

Question

 

 javascript 动态生成按钮并添加事件时为什么事件不响应？(谢谢大家！)

 1)html部分

<table id='_t' border=1 borderColor=red width=300>
   <tr><td>1</td><td>2</td><td>3</td>
   </tr>
   <tr><td>4</td><td>5</td><td>6</td>
   </tr>
   <tr><td>7</td><td>8</td><td>9</td>
   </tr>
   <tr><td>10</td><td>11</td><td>12</td>
   </tr>
</table> <div id='_div'></div>

2)script部分 

<script>

//_t 为一个现在的Table对象 _div为现有div

btnDelRow=create$('input','button');
btnDelRow.setAttribute('value','删除一行');

//为什么我单击btnDelRow时没有执行'delRow()'
btnDelRow.setAttribute('onclick','delRow()');

//btnDelRow.onclick='delRow()';

_div.appendChild(btnDelRow);

//创建控件
function create$(_tag,_type)
{
   var temp =document.createElement(_tag);
   temp.type=_type;
   return  temp;
}

//删除函数 

function delRow()
{ 
   _t.deleteRow(0);

}

</script>

Answer 1

注意javascript脚本执行是有顺序的。自上而下。编写javascript脚本时，最好对对象的存在性进行检测。