innerHTML 和 getElementsByName 在IE下面的bug 的解决
作者:bea
比如有这样一个问题。 代码如下: <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
比如有这样一个问题。
代码如下:
<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;
}
改成这个函数,就可以取了。只是要多一个参数了。
不知道博友们还有没有其他的解决方案,这个解决方案不是很完美。一定要在评论里面留言一下。
有用 | 无用
代码如下:
<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;
}
改成这个函数,就可以取了。只是要多一个参数了。
不知道博友们还有没有其他的解决方案,这个解决方案不是很完美。一定要在评论里面留言一下。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery 模拟雅虎首页的点击对话框效果
- url 编码 js url传参中文乱码解决方案
- javascript 实现页面加载进度条代码
- jquery学习笔记二 实现可编辑的表格
- jquery 图片截取工具jquery.imagecropper.js
- 跟着JQuery API学Jquery 之四 css
- 跟着JQuery API学Jquery 之三 筛选
- 跟着JQuery API学Jquery 之二 属性
- json 入门学习笔记 示例代码
- jquery.AutoComplete.js中文修正版(支持firefox)
- array.prototype.silce.call 理解分析
- JScript中的prototype(原型)属性研究
- javaScript call 函数的用法说明
- javascript 自动填写表单的实现方法
- Extjs入门之动态加载树代码
- JS 非图片动态loading效果实现代码
- extJs 下拉框联动实现代码
- 禁止js文件缓存的代码
- javascript+mapbar实现地图定位