innerHTML的瀏覽器兼容性

我有一個簡單的函數來刷新表格。它只是在div中創建一個表格。它在safari和chrome中工作正常。但由於某種原因，它不適用於Firefox。任何人都可以建議我一些這樣的替代方案，以便它在Firefox中工作？innerHTML的瀏覽器兼容性

這裏是我的代碼 -

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事件下調用。

::::::::::編輯:::::::::::::

請嘗試以下鏈接 -

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

現在做這些 -

點擊上圖加點分
點擊「添加新的興趣點」

它應該升級兩個表。請先在Google Chore/Safari中試用，然後在Firefox中試用。你可以找到差異。

謝謝

來源

2011-09-15 Pow

你必須在你的問題添加更多的代碼。您的問題聽起來像是_「** AJAX **的瀏覽器兼容性」_。但沒有找到與AJAX相關的代碼。如果在所有瀏覽器中定義了「POIdiv」並指向「DIV」，則此代碼必須適用於所有瀏覽器，包括FF。 –

定義「不工作」;它適用於我在Firefox中的jsfiddle test上，因爲我們不知道如何設置/獲取POIdiv變量，所以稍有修改。

來源

2011-09-15 05:10:34

那麼......不工作意味着......它不會更新div ..即使我稱之爲該事件，它也會顯示相同的div。我在我的問題中添加了更多細節。 – Pow

哪個div？當我點擊地圖時，無論瀏覽器是什麼，頂部表格都會添加一行。無論我嘗試使用哪種瀏覽器，底部表格都會更新，點擊「添加新POI」。（注意，我不是IE瀏覽器） –

是的，但是當你從底部表中刪除，它不會刪除從Firefox的行.. – Pow

變化

POIdiv.innerHTML=...

到

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

來源

2011-09-15 17:26:57 Joe

謝謝......它適用於'POITable'....但它在刪除值時不適用於更大的'dataTable'。如果你能看到我的源代碼，它在396行。 – Pow

innerHTML的瀏覽器兼容性

回答

相關問題