Совместимость браузера с innerHTML

Question

У меня есть простая функция для обновления таблицы.Он просто создает таблицу в div.Он отлично работает в сафари и хром.Но по какой-то причине он не работает в 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>";
     }    

Эта функция вызывается при событии нажатия кнопки.

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

Пожалуйста, попробуйте следующую ссылку -

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

Теперь сделайте это -

1. нажмите на карту, чтобы добавить несколько точек
2. нажмите на «Добавить новые POI»

Это должно обновить обастолы.Пожалуйста, попробуйте сначала в Google Chore / Safari, затем попробуйте в Firefox.Вы можете найти разницу.

Спасибо

Answer 1

Изменение

POIdiv.innerHTML=...

до

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

Answer 2

Определить «не работает»; у меня он отлично работает на моем тесте jsfiddle в Firefox, с небольшими изменениями, так как мы не знаем, как вы устанавливаете / получаете переменную POIdiv.