JS ссылка на документ document.getElementById возвращает ошибку

У меня есть веб-страница с less и prefixfree (оба они являются js-файлами, импортированными с моего собственного сервера), и теперь, когда я попытался импортировать собственный скрипт, у меня возникла проблема:

Базовый JavaScript, как

x = "hello world";
alert (x);

работает отлично.

Но каждый код, который ссылается на мой документ, как

alert (document.getElementById("content").innerHTML);

выдает ошибку консоли

"document.getElementById("content").innerHTML is undefined"

Вы знаете, в чем может быть проблема? Любые предложения, как отладить это, также приветствуются - я просто отчаиваюсь!

редактировать

все JS-файлы импортируются в <head>,

1 ответ

Решение

Убедитесь, что ваш JavaScript находится после разметки и убедитесь, что элемент id верно:

<div id="content">Beep boop</div>
<script>
    alert(document.getElementById("content").innerHTML);
</script>

Пример: http://jsbin.com/sedagite/2/edit

Другие вопросы по тегам