Javascript-форум - Не работает .appendChild();

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Не работает .appendChild(); (https://javascript.ru/forum/misc/58181-ne-rabotaet-appendchild-%3B.html)

Не работает .appendChild();

Доброго времени суток. в браузерах Google Chrome и Ie9 не работает .appendChild();

Проверяю на ошибки на jsfiddle и всё работает вот ссылка на пример https://jsfiddle.net/vqc2fahz/1/

Но на сервере не хочет работать... в консоли следующие сообщение об ошибке: Uncaught ReferenceError: obj is not defined

Вот код файла

<html>
<head>
	<title>Js-practic</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript">
		var ul = document.createElement('ul');
		ul.innerHTML = '<li>Hello, world!</li>';

		obj.appendChild(ul);
	</script>
</head>
<body>
	<div id="obj"></div>
</body>
</html>

Как можно исправить эту ошибку, чтобы на сервере заработало?

Так же пробовал такой вариант

var ul = document.createElement('ul');
ul.innerHTML = '<li>Hello, world!</li>';

var ob = document.getElementById('obj');
ob.appendChild(ul);

Также не работает на сервере, только меняется лог ошибки: Cannot read property 'appendChild' of null

Вопрос закрыт...

Ошибка новичка - необходимо объявить скрипту чтобы он загружался только после загрузки всех DOM элементов.

для этого я использовал jquery

$( document ).ready(function() {
var ul = document.createElement('ul');
ul.innerHTML = '<li>Hello, world!</li>';

var ob = document.getElementById('obj');
ob.appendChild(ul);
});

Цитата:

Сообщение от Andry_JS

для этого я использовал jquery

А не жирно ли ради этого JQ использовать? :)