Проблемы в JavaScript

ErUnDAK · June 20, 2017

Дан код:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>

		body {
			background: #e8ece7;
		}

		.menu {
			position: absolute;
			background: #b13224;
			border-radius: 5px;
			top: 90px;
			left: 450px;
		}

		.menu a {
			display: block;
			text-decoration: none;
			background: #b13224;
			color: white;
			padding: 7px;
			margin: 0;
		}

		.menu a:hover {
			background: #383838;
		}

		.menu ul {
			width: 958px;
			height: 33px;
			list-style: none;
			font-size: 0;
		}

		.menu ul li {
			display: inline-block;
			font-size: 16px;
		}

		h1 {
			position: absolute;
			top: -5px;
			left: 450px;
			display: inline-block;
		}

		h1:before {
			content: '';
			width: 48px;
			height: 56px;
			background: url(gold-logo.jpg) no-repeat center center;
			background-size: 48px 56px;
			display: inline-block;
		}

		#polosa {
			position: relative;
			background: red;
		}

		.slider {
			overflow: hidden;
			height: 38px;
			padding: 4px;
			border: 2px solid black;
			position: absolute;
			top: 506px;
			left: 900px;
			font-size: 36px;
		}

	</style>
	<script>
		document.getElementById('slider-top').onclick = slider;
			var top = 0;

			function slider(){
				var polosa = document.getElementById('polosa');
				top = top - 256;
				if (top < -768) {
					top = 0;
				}
				polosa.style.top = top +'px';
				}
	</script>
</head>
<body>
<h1>Xman<font color="red">Bank</font></h1>
	<div class="menu">
		<ul>
			<li><a href="">Home</a></li>
			<li><a href="">About us</a></li>
			<li><a href="">Our services</a></li>
			<li><a href="">Deposits</a></li>
			<li><a href="">FAQs</a></li>
		</ul>
	</div>

	<div class="slider">
		<div id="polosa">
			<li>Привет</li>
			<li>как</li>
			<li>у тебя</li>
			<li>дела?</li>
		</div>
	</div>
<button id="slider-top">TOP</button>
</body>
</html>

В скрипте в окне разработчика браузера ошибка: "cannot set property onclick of null". Как её решить?

Edited June 20, 2017 by ErUnDAK

Switch74 · June 20, 2017

потому что скрипт у вас выполняется когда еще верстки и в помине нет.
перенесите скрипт в конец документа.

Sign In

Проблемы в JavaScript

Question

ErUnDAK

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information