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

innerHTML 真的一个麻烦的东西。IE 和 firefox 对dom 处理的方式不是很一样。IE 对动态加载的很多dom 不支持动态更新。

比如有这样一个问题。

<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;
}

改成这个函数，就可以取了。只是要多一个参数了。

不知道博友们还有没有其他的解决方案，这个解决方案不是很完美。一定要在评论里面留言一下。