onfocus() scheitert an einem geklonten Element

Question

Ich habe eine Tabelle, in der ich Zeilen durch Klonen hinzufügen. Allerdings kann ich OnFocus nicht den Text löschen, wenn eine Zelle angeklickt wird. Code-Fragment (I Javascript lerne von Sitz-of-Hose, da ich das vor mir 2 Wochen abgeladen hat):

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); 
} 

Die ursprüngliche Reihe, von dem der Klon abgeleitet ist:

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

Der onFocus auf das Original funktioniert gut. Wenn der onFocus in das Klonscript eingefügt wird, wird nichts getan (es wird keine neue Zeile eingefügt). Wenn ich den onFocus entferne, wird die geklonte Zeile eingefügt, aber der Text wird beim Fokussieren nicht gelöscht.

Habe ich etwas falsch oder funktioniert onFocus nicht mit Klonen.

Answer 1

Vielleicht gibt es keine neue Zeile, weil Sie einen Tippfehler bei myTable.appandChild(rowClone); haben? Eigentlich

, sollte es sein myTable.appendChild(rowClone);