innerHTML 和 getElementsByName 在IE下面的bug 的解决_javascript技巧
程序员文章站
2023-12-24 14:22:39
...
比如有这样一个问题。
在这div 中,加入一个播放吗列表。这列表用innerHTML 加入。
var plst = null;
plst = player.getPlaylist();
if (plst) {
var txt = '';
for(var i in plst) {
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 {
var att = elem[i].getAttribute("name");
if(att == name) {
arr[index++] = elem[i];
}
}
return arr;
}
改成这个函数,就可以取了。只是要多一个参数了。
不知道博友们还有没有其他的解决方案,这个解决方案不是很完美。一定要在评论里面留言一下。
复制代码 代码如下:
在这div 中,加入一个播放吗列表。这列表用innerHTML 加入。
复制代码 代码如下:
var plst = null;
plst = player.getPlaylist();
if (plst) {
var txt = '';
for(var i in plst) {
txt += '
';
txt += ' ';
txt += '';
txt += '
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 {
var att = elem[i].getAttribute("name");
if(att == name) {
arr[index++] = elem[i];
}
}
return arr;
}
改成这个函数,就可以取了。只是要多一个参数了。
不知道博友们还有没有其他的解决方案,这个解决方案不是很完美。一定要在评论里面留言一下。
推荐阅读
-
innerHTML 和 getElementsByName 在IE下面的bug 的解决_javascript技巧
-
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结_javascript技巧
-
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法_javascript技巧
-
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结_javascript技巧
-
innerHTML 和 getElementsByName 在IE下面的bug 的解决_javascript技巧
-
关于onchange事件在IE和FF下的表现及解决方法_javascript技巧
-
关于onchange事件在IE和FF下的表现及解决方法_javascript技巧
-
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)_javascript技巧
-
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法_javascript技巧
-
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结_javascript技巧