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;

  }

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

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