innerHTML的浏览器兼容性

Question

我有一个简单的功能来刷新表格。它只是在div中创建一个表。它在safari和chrome中运行良好。但由于某种原因，它不适用于Firefox。任何人都可以建议我一些替代方案，以便它也适用于Firefox？

这是我的代码 -

function tableRefresh(){
     POIdiv.innerHTML=" <table id='POITable' border='1' > <tr><td>POI</td><td>Latitude</td><td>Longitude</td><td>Delete?</td></tr><tr  id='tr1'><td id='poinum'>1</td><td><input size=25 type='text' id='latbox' readonly=true/></td><td><input size=25 type='text' id='lngbox' readonly=true/></td><td><input type='button' id=1 value='Delete' onclick='deleteRow_addPOI(this.id)'/></td></tr></table>";
     }    

此功能在按钮的onclick事件下调用。

:::::::::: EDIT :::::::::::::

请尝试以下链接 -

http://128.233.104.33/passgui/editLeveledit.php?dbname=reganTest3

现在做这些 -

1. 点击地图添加一些积分
2. 点击“添加新POI”

它应该升级两个表。请先在Google Chore / Safari中试用，然后在Firefox中试用。你可以找到差异。

谢谢

Answer 1

定义“不工作”;它在我的jsfiddle test Firefox中运行正常，稍作修改，因为我们不知道你是如何设置/获取POIdiv变量的。

Answer 2

更改

POIdiv.innerHTML=...

到

document.getElementById('POIdiv').innerHTML=...