bernd: Verständnis Frage

Beitrag lesen

SELF-Forum

Verständnis Frage

bernd
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe mir folgende Funktion gebaut, die eine komplette tr kopiert:

  
<html>  
<head>  
   <title>JavaScript und DOM</title>  
    <script type="text/javascript">  
    function tr_klonen(id)  
    {  
       var zuKopieren, kopie;  
        zuKopieren = document.getElementById( id );  
      if(zuKopieren)  
      {  
        kopie = zuKopieren.cloneNode( zuKopieren.firstChild );  
        zuKopieren.parentNode.insertBefore( kopie, zuKopieren );  
    }  
    </script>  
</head>  
<body>  
    <table border="1">  
        <tr id="tr1" onclick="tr_klonen( 'tr1' );">  
            <td id="td1">nur ein text 1</td>  
            <td id="td1">nur ein text 1.1</td>  
        </tr>  
        <tr id="tr2" onclick="tr_klonen('tr2');">  
            <td id="td2">nur ein text 2</td>  
            <td id="td1">nur ein text 2.1</td>  
        </tr>  
    </table>  
</body>  
</html>

Die Vorlage für die Funktion "tr_klonen" habe ich im Internet gefunden und sie angepasst.
Nur was die Funktion im einzelnen macht, kann ich leider nicht nachvollziehen :-(
Also mein Verständnis.
Als erstes werden zwei Variablen "zuKopieren" und "kopie" erzeugt.
Danach wird ein Objekt erstellt, der zu kopieren tr Zeile und in die Varialbe "zuKopieren" "geschieben",  danach eine if - Prüfung und als nächstes kopieren (dh. cloneNode) des Objekt.
Nachfolgend wird die Variable "kopie" über den "parantNod" eingefügt vor dem "Eltern Knoten" "zuKopieren".
Stimmt dieses Vorgehen?

Als nächstes, stellt sich für mich die Frage, wie kann ich auf die beiden "Objekte" zugreifen und ihre ID, als Bsp. ändern?

grüße bernd

Beitrag melden
–
Informationen zu den Bewertungsregeln