clonar style de un elemento html???

[gabrielflowers]

hola,
alguien sabe como hacer para clonar el estilo de un elemento html en otro luego de hacer click en un boton por ejemplo, yo lo estoy haciendo de la sgte manera pero me da error:

Código HTML:

<div id="padre" style="background:#f00;color:#fff;">padre</div>
<div id="hijo" style="background:#00f;">hijo</div>
<input type="button" value="clonar" onclick="javascript:document.getElementById('hijo').style=document.getElementById('padre').style;"> 

el error parece ser por q javascript maneja el estilo como objeto, alguna sugerencia, gracias, saludos...

[David]

Tal vez así:

Código Javascript:

function clonar(from, to) {
    for (estilo in from.style) {
        try {
            to.style[estilo] = from.style[estilo];
        } catch(err) {
            
        }
    }
}
 

Código HTML:

<div id="padre" style="background:#f00;color:#fff;">padre</div>
<div id="hijo" style="background:#00f;">hijo</div>
<input type="button" value="clonar" onclick="clonar(document.getElementById('padre'), document.getElementById('hijo'));">
 

[gabrielflowers]

gracias david por el aporte,

pero me preguntaba si existe una forma mas corta de hacerlo, con alguna funcion q me convierta el objeto en string o algo asi,

sera posible hacerlo de forma mas corta, mas directa???

gracias saludos

[David]

Se puede user setAttribute() y getAttribute() pero no funciona en Internet Explorer.

[zerokilled]

Iniciado por David

Se puede user setAttribute() y getAttribute() pero no funciona en Internet Explorer.

eso me fije. por alguna razon internet explorer devuelve un object (el mismo objeto style) en lugar de un string.

[gabrielflowers]

entonces ninguna otra idea?

[gabrielflowers]

como seria el ejemplo con get y setAttribute ???

[David]

Código Javascript:

to.setAttribute('style', from.getAttribute('style'));
 

[gabrielflowers]

te comento q set y getAttribute no me corre tambien en FF 3.5, de momento opto por la funcion q me sugeriste