Форум

Andry_JS · #1 (**permalink**) 08.09.2015, 17:50

Доброго времени суток. в браузерах 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>

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

Andry_JS · #2 (**permalink**) 08.09.2015, 17:54

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

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

Andry_JS · #3 (**permalink**) 08.09.2015, 18:21

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

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

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

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

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

laimas · #4 (**permalink**) 08.09.2015, 18:32

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

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

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

Форум

Справочник

Discord чат

Курсы javascript