Странная проблема с отображением в браузере элемента
 

Даже не знаю, как объяснить вам, не то что загуглить.
В общем, вывожу результат работы одного скрипта в <div id="list"></div> с помощью кода

document.getElementById('list').innerHTML = list;

В браузере изменений нет. DIV остается пустым. Но. Если запустить следующий код

alert(document.getElementById('list').innerHTML);

то во всплывающем окне будет нужный мне текст.
Что за магия? о_О

конфликт имен
ведь к list вы можете так обратится? вместо document.getElementById('list')

list.innerHTML = 'Hi';

Скорее всего другой элемент перекрывает ваш элемент с id="list"
Поищите позиционнированные элементы или элементы с отрицательным маргином

Пример

<div id="test">Test</div>
<script> document.getElementById('test').innerHTML = test;</script>

<div id="test">Test</div>
<script> test.innerHTML = 'Hi';</script>