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

js教程评论1.7K views阅读模式

比如有这样一个问题。

复制代码 代码如下:

 

在这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;

}

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

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

企鹅博客
  • 本文由 发表于 2019年8月15日 11:53:02
  • 转载请务必保留本文链接:https://www.qieseo.com/380215.html

发表评论