innerHTML 和 getElementsByName 在IE下面的bug 的解決
更新時間：2010年04月09日 13:04:21 作者：
innerHTML 真的一個麻煩的東西。IE 和 firefox 對dom 處理的方式不是很一樣。IE 對動態(tài)加載的很多dom 不支持動態(tà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;
}
}
中間的復(fù)雜代碼不用去管了，現(xiàn)在我要把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;
}
改成這個函數(shù)，就可以取了。只是要多一個參數(shù)了。
不知道博友們還有沒有其他的解決方案，這個解決方案不是很完美。一定要在評論里面留言一下。
復(fù)制代碼 代碼如下:
<div id="playlist">
</div>
在這div 中，加入一個播放嗎列表。這列表用innerHTML 加入。
復(fù)制代碼 代碼如下:
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;
}
}
中間的復(fù)雜代碼不用去管了，現(xiàn)在我要把name 為 playing 的 div 取出來。很容易想到用
getElementsByName
但是，非常奇怪的是，在ie 下面 就是 取不到。getElementById 完全可以用。
下面是一個不錯的解決方案：
復(fù)制代碼 代碼如下:
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;
}
改成這個函數(shù)，就可以取了。只是要多一個參數(shù)了。
不知道博友們還有沒有其他的解決方案，這個解決方案不是很完美。一定要在評論里面留言一下。
您可能感興趣的文章:
- js的.innerHTML = ""IE9下顯示有錯誤的解決方法
- IE6-IE9不支持table.innerHTML的解決方法分享
- IE6/7/8/9中Table/Select的innerHTML不能賦值的解決方法
- 僅IE6/7/8中innerHTML返回值忽略英文空格的問題
- Javascript在IE下設(shè)置innerHTML時出現(xiàn)未知的運行時錯誤的解決方法
- 解決IE下select標簽innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- IE bug table元素的innerHTML
- JS 動態(tài)獲取節(jié)點代碼innerHTML分析 [IE,FF]
- IE 下的只讀 innerHTML
- IE innerHTML,outerHTML所引起的問題
- IE6與IE7中，innerHTML獲取param的區(qū)別
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
相關(guān)文章
JavaScript TypeScript實現(xiàn)貪吃蛇游戲完整詳細流程
這篇文章主要介紹了JavaScript TypeScript實現(xiàn)貪吃蛇游戲流程，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-09-09
JavaScript中的模塊化是指將每個js文件會被認為單獨一個的模塊。模塊之間是互相不可見的。如果一個模塊需要使用另一個模塊，那么需要通過指定語法來引入要使用的模塊，而且只能使用引入模塊所暴露的內(nèi)容2022-11-11
Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(1)
這篇文章主要為大家詳細介紹了bootstrap學(xué)習(xí)筆記之css樣式設(shè)計，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
Javascript 函數(shù)parseInt()轉(zhuǎn)換時出現(xiàn)bug問題
天測試的測出來的。parseInt(1.13*100)，實際返回值是112，下面有個示例，大家可以看看下2014-05-05
通過Javascript創(chuàng)建一個選擇文件的對話框代碼
通過Javascript創(chuàng)建一個選擇文件的對話框代碼，需要的朋友可以參考下2012-06-06
這篇文章主要介紹了javascript進行四舍五入方法匯總，并給出了相關(guān)示例,需要的朋友可以參考下2014-12-12
制作網(wǎng)頁的過程中，你有時候需要知道某個元素在網(wǎng)頁上的確切位置。2009-09-09
一文讓你徹底搞懂TypeScript(TS)和JavaScript(JS)區(qū)別與聯(lián)系
TS是JS的超集,是一個可選的、靜態(tài)的類型系統(tǒng),下面這篇文章主要介紹了關(guān)于TypeScript(TS)和JavaScript(JS)區(qū)別與聯(lián)系的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
這篇文章主要介紹了JavaScript使用yield模擬多線程的方法,實例分析了javascript多線程的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
JavaScript學(xué)習(xí)筆記之數(shù)組基本操作示例
這篇文章主要介紹了JavaScrip學(xué)習(xí)筆記之數(shù)組基本操作,結(jié)合實例形式分析了javascript數(shù)組的基本定義、添加、刪除、修改、連接、排序等操作技巧,需要的朋友可以參考下2019-01-01