时间:2021-05-28
比如有这样一个问题。
复制代码 代码如下:
<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 class="fv_item" id="fv_item_'+ i +'"><div class="playing_bg" name="playing_bg"></div>';
txt += '<div class="playing" name="playing">正在播放...</div>';
txt += '<img src="' + plst[i].image + '" width="80" height="50" class="fv_playlist_img" />';
txt += '<p class="fv_playlist_title"> ' + 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;
}
改成这个函数,就可以取了。只是要多一个参数了。
不知道博友们还有没有其他的解决方案,这个解决方案不是很完美。一定要在评论里面留言一下。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天是发现bug的高产期。IE在解析innerHTML的时候居然会忽略Cache策略,简单的重复加载图片。请看以下代码:保存到本地作为一个htm文件,然后用IE
IE6-IE9中tbody的innerHTML不能赋值,重现代码如下Js代码IE6-IE9中tbody的innerHTML不能复制bugaaaGETSETvar
IE6margin无效的bug,解决方法有很多。其中有个解决办法之一。看代码:复制代码代码如下:somecontents在一些情况下IE6会无效,解决办法是下面
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值,重现代码如下复制代码代码如下:IE6-IE9中tbody的innerHTML不能复制bu
详解JavaScript中getElementsByName在IE中的注意事项前言:在IE5-9中是没有实现js的getElementsByClassName(