我有一个javascript函数。我使用该函数在运行时在html文件中的表行中添加列表框。该脚本在IE,chrome 22和FFox 16中运行良好。但是在同一台机器上使用firefox3时,列表框不可见,IE上的一切都没问题。
如果需要进行任何更改,请建议我,以便此代码在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="";
}
更新
在其他一些主题上,我发现建议使用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>";
}
答案 0 :(得分:0)
尝试使用页面顶部的以下内容,然后在Firefox 3中运行吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">