innerHTML 和 getElementsByName 在IE下面的bug 的解决

201 阅读 0 评论 133 点赞

我是靠谱客的博主柔弱铃铛，最近开发中收集的这篇文章主要介绍innerHTML 和 getElementsByName 在IE下面的bug 的解决，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

比如有这样一个问题。

复制代码代码如下:

 
<div id="playlist"> 
</div> 

在这div 中，加入一个播放吗列表。这列表用innerHTML 加入。

复制代码代码如下:

 
var plst = null; 
plst = player.getPlaylist(); 
if (plst) { 
var txt = ''; 
for(var i in plst) { 
txt += '<a name="fv_item_a_' + i + '"></a><div class="fv_item" id="fv_item_'+ i +'"><div class="playing_bg" name="playing_bg"></div>'; 
txt += '<div class="playing" name="playing">正在播放...</div>'; 
txt += '<img src="' + plst[i].image + '" width="80" height="50" class="fv_playlist_img" />'; 
txt += '<p class="fv_playlist_title"> ' + plst[i].title + ' </p>'; 
txt += "</div>"; 
} 
var obj= document.getElementById("playlist"); 
if (obj) { 
obj.innerHTML = txt; 
} 
} 

中间的复杂代码不用去管了，现在我要把name 为 playing 的 div 取出来。很容易想到用
getElementsByName
但是，非常奇怪的是，在ie 下面就是取不到。getElementById 完全可以用。
下面是一个不错的解决方案：

复制代码代码如下:

 
function GetElementsByName(tag, name) { 
var elem = document.getElementsByTagName(tag); 
var arr = []; 
var index = 0; 
var l = elem.length; 
for(var i = 0; i < l; i++) 
{ 
var att = elem[i].getAttribute("name"); 
if(att == name) { 
arr[index++] = elem[i]; 
} 
} 
return arr; 
} 