DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> innerHTML 和 getElementsByName 在IE下面的bug 的解決
innerHTML 和 getElementsByName 在IE下面的bug 的解決
編輯:關於JavaScript     
比如有這樣一個問題。
復制代碼 代碼如下:
<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;
}

改成這個函數,就可以取了。只是要多一個參數了。
不知道博友們還有沒有其他的解決方案,這個解決方案不是很完美。一定要在評論裡面留言一下。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved