Задать вопрос
@sunnydog
javascript

Почему не подключается внешний скрипт?

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title> Главная </title>
  <link href="../styles/model.css" rel="stylesheet">
  	<script src='../scripts/model.js'></script>
</head>

<body>
	<div class="container">
		<ul id ="scroller">
			<li class="main">
		
			</li>
			<li class="other">

			</li>
			<li class="other">
			
			</li>
			<li class="other">
			
			</li>
		</ul>
	</div>
</body>
</html>

Это соответственно сам документ.
var scroller = document.getElementById('scroller');
var main = document.getElementsByClassName('main')[0];
var other = document.getElementsByClassName('other')[0];
var container = document.getElementsByClassName('container')[0];

scroller.onclick = function () {
	var topPosition = getComputedStyle(container).marginTop;
	container.style.marginTop = parseInt(topPosition) - window.innerHeight + 'px';
}

Это скрипт, который лежит в соседней папке с pages, в которой лежит страница, к которой прикреплен файл. Хром его не добавляет в sources, но в applications он есть и выдает в консоль ошибку "Cannot set property 'onclick' of null(…)"
  • Вопрос задан
  • 165 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
dummyman
@dummyman
диссидент-схизматик
во-первых, уже лет 10 все используют querySelector вместо getElementById и getElementsByClassName.
во-вторых время выполнения скрипта, так, как вы его подклдючили, - до появления элемента #scroller на странице.
document.addEventListener("DOMContentLoaded", function(event) {
   
var scroller = document.querySelector('#scroller');
var main = document.querySelector('.main');
var other = document.querySelector('.other');
var container = document.querySelector('.container');

scroller.onclick = function () {
  var topPosition = getComputedStyle(container).marginTop;
  container.style.marginLeft = parseInt(topPosition) - window.innerHeight + 'px';
}

  });
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать сайт на Python Django
24 апр. 2024, в 10:32
400000 руб./за проект
Арбитраж Трафика в тгк
24 апр. 2024, в 10:12
10000 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Ещё заказы