使用 Javascript 更改标签的类型

假设我想改变一切<img>标签到<iframe>页面上的标签。 javascript 可以用于此目的吗？

有什么方法可以更改实际的标签类型，或者我必须先删除<img>然后创建<iframe>，如果是这样，我如何确保新标签与旧标签具有相同的容器等？

执行此类替换的最直接且浏览器友好的方法是什么？

虽然使用像这样的库更方便jQuery，您可以在没有像这样的库的情况下完成此操作（替换元素，而不更改类型）：

Example: http://jsfiddle.net/BvSvb/

var imgs = document.getElementsByTagName('img');

var i = imgs.length;
var parent;
var iframe = document.createElement( 'iframe' );
var currFrame;

while( i-- ) {
    currFrame = iframe.cloneNode( false );
    currFrame.setAttribute( 'src', imgs[ i ].getAttribute( 'src' ) );
    parent = imgs[ i ].parentNode;
    parent.insertBefore( currFrame, imgs[ i ] );
    parent.removeChild( imgs[ i ] );
}