IEで上手く動きません

質問

下のソースを書いたのですがIEで上手く動きません。
どこが問題なんでしょうか？
一応Firefroxでは動作を確認しています。

やろうとしていることは、object要素がtype="image/gif"、type="image/jpg"、type="image/png"のいずれかの属性を含んでいる場合、その要素をimg要素に置き換え、objectのdata属性をsrc属性、また、object内のテキストをalt属性として置き換えたimg属性に追加するというものです。
(imgに置き換える過程でobject要素内の要素とobjectのtype属性とdata属性は全て削除します)

よろしくお願いします。

window.onload = function() {
var objsfix = document.getElementsByTagName("object");
for (var i=0; i<objsfix.length ; i++) {
if (objsfix[i].type=="image/gif" || objsfix[i].type=="image/jpeg" || objsfix[i].type=="image/png") {
if (typeof objsfix[i].textContent != "undefined") {
var alts = objsfix[i].textContent;
} else {
var alts = objsfix[i].innerText;
}
var srcs = objsfix[i].getAttribute("data");
objsfix[i].removeAttribute("data");
objsfix[i].removeAttribute("type");
for (var l=0; l-1<objsfix[i].childNodes.length ; l++) {
objsfix[i].removeChild(objsfix[i].childNodes.item(0));
}
objsfix[i].setAttribute("alt", alts);
objsfix[i].setAttribute("src", srcs);
}}
var objsfix,objsPart,m;
while (m=objsfix.length) {
objsPart = objsfix.item(m-1).parentNode;
objsPart.innerHTML = objsPart.innerHTML.replace(/(<\/?)object/ig,'$1img');
}};

回答No.1

yambejp · ベストアンサー

こんな感じでどうでしょう？

<script>
window.onload = function() {
var objs = document.getElementsByTagName("object");
for(var i=0;i<objs.length; i++) {
var obj=objs[i];
var type= obj.getAttribute("type");
if(type=="image/gif" || type=="image/jpeg" || type=="image/png") {
var alt=(obj.textContent?obj.textContent:(obj.innerHTML?obj.innerHTML:""));
var src = obj.getAttribute("data");
var newObj=document.createElement("img");
newObj.setAttribute("alt", alt);
newObj.setAttribute("src", src);
obj.parentNode.insertBefore(newObj,obj);
}
}
while(objs.length){
objs[0].parentNode.removeChild(objs[0])
}
}
</script>

お礼

ありがとうございます。
途中で置き換えたりすれば、かなり短くできるんですね・・・
書き方がとても参考になります。