innerHTML 和 getElementsByName 在IE下面的bug 的解决
innerHTML 和 getElementsByName 在IE下面的bug 的解决
发布时间:2016-12-30 来源:查字典编辑
摘要:比如有这样一个问题。复制代码代码如下:在这div中,加入一个播放吗列表。这列表用innerHTML加入。复制代码代码如下:varplst=n...

比如有这样一个问题。

复制代码 代码如下:

<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 id="fv_item_'+ i +'"><div name="playing_bg"></div>';

txt += '<div name="playing">正在播放...</div>';

txt += '<img src="' + plst[i].image + '" width="80" height="50" />';

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

}

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

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类