onfocus()在克隆元素上失败

时间:2012-03-27 17:57:40

标签: javascript html html-table clone onfocus

我有一个表格,我通过克隆添加行。但是,当单击一个单元格时,我无法使用焦点来清除文本。代码片段(因为我在2周前将这个问题转发给我,所以我正在学习Javascript by pants-of-pants):

function AddRow() 
{
    var mytable=document.getElementById("newSystem");
    var rowClone=document.getElementById("sysrow").cloneNode(true);

    rowClone.cells[0].innerHTML='<input type="text" name="SysName[]"  value="host.myhouse.com" onFocus="this.value=\'\';this.onfocus=\'\';" />';

    myTable.appandChild(rowClone);
}

从中派生克隆的原始行是:

<tr  id="sysrow">
<td> 
    <input type="text" name="SysName[]" value="host.myhouse.com" onFocus="this.value='';this.onfocus='';" />;
</td>
</tr>

onFocus对原版的效果很好。将onFocus插入克隆脚本后,它什么都不做(没有插入新行)。当我删除onFocus时,会插入克隆的行,但在聚焦时不会清除文本。

我是否有错误或onFocus无法使用克隆。

1 个答案:

答案 0 :(得分:0)

也许没有新行,因为您在myTable.appandChild(rowClone);处有拼写错误?

实际上,它应该是myTable.appendChild(rowClone);