innerHTML和getElementsByName在IE下面的bug的解决_javascript技巧

来源：五一七教育网

比如有这样一个问题。
代码如下:

在这div 中，加入一个播放吗列表。这列表用innerHTML 加入。
代码如下:
var plst = null;
plst = player.getPlaylist();
if (plst) {
var txt = '';
for(var i in plst) {
txt += '';
txt += '正在播放...';
txt += '';
txt += '

' + plst[i].title + '

';
txt += "";
}
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;
}

改成这个函数，就可以取了。只是要多一个参数了。
不知道博友们还有没有其他的解决方案，这个解决方案不是很完美。一定要在评论里面留言一下。

显示全文

全部频道

innerHTML和getElementsByName在IE下面的bug的解决_javascript技巧