Using jQuery to change all <object> instances to <iframe> to support IE

Question

I am wondering if jQuery can be used to disable all tags <object>on a site for tags <iframe>when loading in IE 8 and below. In essence, this would allow the page to XHTML 1.1be valid and not require double coding all the time, eliminating the need to spend so much time on non-standard browsers.

The attribute data=must be changed to src=, I would like to insert frameborder="0", and all values stylefor the tag <object>must also be set for <iframe>.

My goal here is not to create a discussion on <iframe>vs <object>s, I just think it will be a huge tmie screensaver and will encourage correct, rigorous coding methods xhtml.

Thanks for any input!

Answer 1

, , . jQuery DOM ( , XHTML, ), , . , ( IE6), , , , JavaScript . ? .

, , IE6 .

Answer 2

, DOM, IFRAME .

- (: !)

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

    obj.remove();
});