Почему не меняются стили с помощью javascript?

Есть код:
<div class="signUp">
	<h1>Регистрация</h1>
	<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
		<input type="text" name="login" placeholder="Логин"><br>
		<input type="text" name="email" placeholder="E-mail"><br>
		<input type="password" name="password" placeholder="Пароль"><br>
		<input type="password" name="repeat_password" placeholder="Повторите пароль"><br>
		<input type="submit" name="signUp" value="Регистрация">
	</form>
</div>

<a href="" id="signInButton">Войти</a>
<a href="" id="signUpButton">Регистрация</a>

<script>
	var signUpBut = getElementById('signUpButton');
	signUpBut.onclick = function() {
	    getElementsByClassName('signUp')[0].style.display = state;
	}
</script>


Но при нажатии на ссылку стили не меняются. Почему?
  • Вопрос задан
  • 371 просмотр
Решения вопроса 1
Ingernirated
@Ingernirated
Романыч
var signUpBut = getElementById('signUpButton');
getElementsByClassName('signUp')[0].style.display = state;


может всё-таки?
var signUpBut = document.getElementById('signUpButton');

document.getElementsByClassName('signUp')[0].style.display = state;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
gobananas
@gobananas
finishhim.ru
Потому что id должен быть уникальныйм как минимум, а у вас их 2 одинаковых:
<a href="" id="signInButton">Войти</a>
<a href="" id="signUpButton">Регистрация</a>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы