Сбой onfocus() для клонированного элемента

Question

У меня есть таблица, где я добавляю строки путем клонирования. Тем не менее, я не могу включить OnFocus, чтобы очистить текст при нажатии на ячейку. Фрагмент кода (я изучаю Javascript по штанам, так как я свалил это на меня 2 недели назад):

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, клонированная строка вставляется, но текст не очищается при фокусировке.

У меня что-то не так или он на Фокусе не работает с клонами.

Answer 1

Может быть, нет новой строки, потому что у вас есть опечатка в myTable.appandChild(rowClone);?

На самом деле, это должно быть myTable.appendChild(rowClone);