CloneNode+style de mise en forme

Bonjour bonjour

petit post pour savoir si vous savez comment marche le cloneNode() vis à vis des styles de mise en forme ?

si j'ai un élément

<div class="mondiv">
   <table>
      <tbody>
         <tr>
            <td id="tdACloner" class="monTD" style="font-weight:bold">Toto</td>
         </tr>
      </tbody>
   </table>

avec comme feuille de style à côté :

div.monDiv .monTD {
    font-size: 14px;
}

div.monDiv td {
   border: 1px solid #CC0000;
}

Si je fait :

var divClone = document.getElementById("divACloner").cloneNode(true);

est-ce que quelqu'un sait ce que sera appliqué comme style à l'élément divClone par rapport à sa copie d'origine ?

Aujourd'hui ce qui m'embète, c'est que je n'arrive pas à récupérer ces styles de façon dynamique. Pour les styles inline je peux me servir de l'objet style et parcourir ses attributs un à un avec une boucle for. Pour ce qui est de la classe, je peux me servir de l'attribut className. Mais pour ce qui est de

div.monDiv td {
   ...
}

là je ne vois pas quoi faire. J'ai essayé de me servir de la fonction getComputedStyle ou currenStyle, mais le soucis c'est que je ne sais pas où trouver tous les labels des styles CSS de manière exhaustive pour les parcourir un à un et obtenir leur valeur grâce à getComputedStyle ou currentStyle.

Quelqu'un pourrait-il m'éclaircir ou m'aider ?
je vous remercie d'avance ^^

P.S : ceci est juste un exemple à titre indicatif, cela peut paraitre non conforme, non optimisé, mais c'est juste pour montrer où se situe mon pb =)
Modifié par nozostan (12 Jul 2007 - 13:31)