Javascript Unhiding Element Onclick

Question

我一直在玩javascript，我正试着让下面的内容工作。

<script type="text/javascript">
        function unhide(a) {
              document.getElementById(a).style.visibility = "visible";
              document.getElementById(a).style.display=block;
        }
</script>

<a onClick="unhide('id1')"><span> Remove</span>

<span id="id1" hidden="true">Are You sure?  | <a href="/forum/remove/id1"> Yes</a> / <a>No</a>   </span>

点击，我试图让隐藏的元素显示出来。我不确定为什么它不起作用，逻辑似乎对我来说。

干杯

Answer 1

 function unhide(a) {
          document.getElementById(a).style.visibility = "visible";
          document.getElementById(a).style.display="block";
    }

块未定义，＆＃34;块＆＃34; ISN＆＃39;吨

Answer 2

您正在使用hidden html5 property ，截至目前已有limited browser compatibility。最初使用css属性visibilty:hidden尝试隐藏它，您可以通过函数的onclick事件更改它。

＆＃13;

＆＃13;

function unhide(a) {
    document.getElementById(a).style.visibility = "visible";
    document.getElementById(a).style.display=block;
}

＆＃13;

<a onClick="unhide('id1')"><span> Remove</span>

<span id="id1" style="visibility:hidden;">Are You sure?  | <a href="/forum/remove/id1"> Yes</a> / <a>No</a>   </span>

＆＃13;

＆＃13;

＆＃13;

Answer 3

我希望这会帮助你

<script type="text/javascript">
        function unhide(a) {
              document.getElementById(a).style.display = 'block';
        }
</script>

<a href="javascript:void(0)" onClick="unhide('id1')">Remove</a>

<span id="id1" style="display: none;">Are You sure?  | <a href="/forum/remove/id1"> Yes</a> / <a>No</a>   </span>

让我知道。

问候。

Answer 4

只有一点：
在<script>标记中，所有不带引号的单词都是保留字或变量。所以您的代码为

document.getElementById(a).style.display=block;

应该是：

document.getElementById(a).style.display='block';

Becase block是显示属性，而不是其他属性。

Answer 5

您正在使用隐藏属性。

所以请改用此代码：

function unhide(a){
    document.getElementById(a).removeAttribute('hidden');
}

Answer 6

试试这个：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function(){
$("#id1").hide();
};

$("#unhide").click(function(){
$("#id1").show();
});
</script>

<a id="unhide"><span> Remove</span></a>
<span id="id1">Are You sure?  | <a href="/forum/remove/id1"> Yes</a> / <a>No</a>   </span>

我希望这对您有所帮助，如果有效，请发表评论。