Usando jQuery para cambiar todas las instancias de <object> a <iframe> para el apoyo de IE

Question

Me pregunto si es posible utilizar jQuery para cambiar todas las etiquetas <object> en un sitio de etiquetas cuando se carga en IE 8 y por debajo. En esencia, esto permitiría que la página sea XHTML 1.1 válida y no tenga que estar codificada dos veces todo el tiempo, eliminando la necesidad de pasar tanto tiempo enfocándose en navegadores no estándar. necesitaría

El atributo data= que ser cambiado a src=, me gustaría insertar frameborder="0", y todos los style valores para la etiqueta <object> también tendría que ser establecido para la etiqueta .

Mi objetivo aquí es no para crear un debate sobre s vs <object> s, simplemente creo que esto sería un gran ahorro de Tmie, y fomentar, el estricto xhtml prácticas de codificación adecuados.

¡Gracias por cualquier entrada!

Answer 1

Para ver un resumen básico sobre cómo cambiar el tipo de elemento, vea jQuery convert DOM element to different type (no sé si funcionará correctamente en XHTML, pero puede que sí), pero no creo que sea una buena idea. Puedo ver que causa retrasos en las máquinas más antiguas (en las que se ejecuta IE6) y, obviamente, no funcionará cuando JavaScript esté desactivado. Todo eso para lograr un código válido? No es una buena idea IMO.

Antes de hacer eso, si el código tiene que ser válido bajo cualquier circunstancia, consideraría servir código diferente a IE6 en el servidor.

Answer 2

No sé si puede cambiar tipo de elemento DOM, pero siempre puede crear un nuevo elemento IFRAME y eliminar el elemento anterior en su lugar.

Algo así como (precaución: no probado!)

$("object").each(function() { 
    var obj = $(this); 
    $("<iframe/>").attr({ 
     src: obj.attr("data"), 
     style: obj.attr("style"), 
     frameborder: 0 
    }) 
    .after(obj); 

    obj.remove(); 
});