HTML可见性样式

时间:2014-01-22 00:49:41

标签: html

有人可以帮我解决这个问题。我想在用户点击锚标签时显示提交按钮。问题是,按钮最初是隐藏的,但是当我点击锚标签时,没有任何反应 HTML代码如下:

<html>
<head>
 <style>
    #reveal
    {
        visibility:hidden;
    }
 </style>
</head>
<body>
 <div>
     <a href="javascript:" onclick='showButton();'>k...@ccs.neu.edu</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>

2 个答案:

答案 0 :(得分:2)

使用
document.getElementById("reveal").style.visibility = 'visible';
而不是document.getElementById("reveal").style.visibility = visible;

您不希望分配变量,而是分配一个值,该值应放在引号上。

答案 1 :(得分:1)

使用'visible'代替visible。你想使用一个值,而不是那里的变量。