我有一個javascript函數。我使用該函數在html文件中的運行時在表格行中添加列表框。該腳本在IE瀏覽器,chrome 22和FFox 16中運行正常。但在同一臺機器上使用firefox3時,列表框不可見,IE上的所有內容都可以正常使用。innerHTML和FireFox兼容性?
請給我建議,如果需要的任何更改,以便該代碼可以在Firefox 3中運行良好以及
這裏的JavaScript代碼:
function addListBoxes(rowPos)
{
allTables[0].deleteRow(rowPos); //first, delete the row
var row = allTables[0].insertRow(rowPos); //reinsert the row
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
var cell4=row.insertCell(3);
var cell5=row.insertCell(4);
cell1.innerHTML="";
cell2.innerHTML="<select id='relList' name='select' size='5' multiple></select>";
cell3.innerHTML="";
cell4.innerHTML="<select id='relSubList' name='select' size='5' multiple></select>";
cell5.innerHTML="";
}
UPDATE
一些其他的線程,我發現建議使用document.getElementById,以便更新腳本,但它也不起作用。
function addListBoxes(rowPos)
{
allTables[0].deleteRow(rowPos);
var row = allTables[0].insertRow(rowPos);
row.offsetHeight;
var cell1=row.insertCell(0);
cell1.setAttribute("id", "listRowCell0", 0);
var cell2=row.insertCell(1);
cell2.setAttribute("id", "listRowCell1", 0);
var cell3=row.insertCell(2);
cell3.setAttribute("id", "listRowCell2", 0);
var cell4=row.insertCell(3);
cell4.setAttribute("id", "listRowCell3", 0);
var cell5=row.insertCell(4);
cell5.setAttribute("id", "listRowCell4", 0);
document.getElementById("listRowCell0").innerHTML="";
document.getElementById("listRowCell1").innerHTML="<select id='relList' name='select' size='5' multiple></select>";
document.getElementById("listRowCell2").innerHTML="";
document.getElementById("listRowCell3").innerHTML="<select id='relSubList' name='select' size='5' multiple></select>";
}
您引用了哪些doctype? – KingKongFrog
您是否在稍後的Firefox版本中嘗試過它。我可以嘗試一下,但我也要採取一些粗略的表格和排行榜等,然後我的情況可能會比你的情況有所不同。 – Sami
簡單的HTML和Javascript。沒有其他腳本語言。 – user1492667