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

企鹅博客 2019年8月15日11:53:02 评论 592
摘要

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

比如有这样一个问题。

复制代码 代码如下:

 

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

}

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

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

weinxin
欢迎加入中国SEO站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
企鹅博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: