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

Question

[Денис Денисов]

Есть код:

<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>

Но при нажатии на ссылку стили не меняются. Почему?

Answer 1

[Ingernirated]

var signUpBut = getElementById('signUpButton');

getElementsByClassName('signUp')[0].style.display = state;

может всё-таки?

var signUpBut = document.getElementById('signUpButton');

document.getElementsByClassName('signUp')[0].style.display = state;

Answer 2

[Дмитрий Дарт]

Потому что id должен быть уникальныйм как минимум, а у вас их 2 одинаковых:

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

Comments

[Stalker_RED]

Точно одинаковых?

[Сергей Сергей]

Тут разные - ин и ап.

[Дмитрий Дарт]

Stalker_RED: да, поспешил я чё-т с утра )))