2014-01-22 4 views
0

Может кто-то, пожалуйста, помогите мне решить эту проблему. Я хочу показать кнопку отправки, когда пользователи нажимают на тег привязки. Проблема заключается в том, кнопка изначально скрыта, но когда я нажимаю на якорь тег, ничего не происходит HTML код выглядит следующим образом:HTML Видимость Стиль

<html> 
<head> 
<style> 
    #reveal 
    { 
     visibility:hidden; 
    } 
</style> 
</head> 
<body> 
<div> 
    <a href="javascript:" onclick='showButton();'>[email protected]</a> 
</div> 
<form> 
    <input type="submit" value="show email address" id="reveal"/> 
</form> 
<script type="text/javascript"> 
    function showButton() { 
     document.getElementById("reveal").style.visibility = visible; 
    } 
</script> 
</body> 
</html> 
+1

Если вы посмотрите на консоль браузеров, вы увидите «Неоткрытый ReferenceError: visible is not defined». [Узнайте, как ** отлаживать ** JavaScript] (http://www.creativebloq.com/javascript/javascript-debugging-beginners-3122820) ([еще больше документов] (https://developers.google.com/chrome -developer-инструменты/документы/JavaScript-отладка)). –

+0

, который является другим способом сказать, что это должна быть строка, а не переменная, которая не определена –

+0

Большое спасибо, решена. – KKa

ответ

1

Использование 'visible' вместо visible. Вы хотите использовать значение, а не переменную.

2

Использование
document.getElementById("reveal").style.visibility = 'visible';
вместо
document.getElementById("reveal").style.visibility = visible;

Вы не хотите, чтобы присвоить переменную, а значение, которое должно быть поставлен на кавычки.

Смежные вопросы