可见性不起作用

Question

所以我有隐藏的内容。使用一个按钮，我想让它可见。但是没用

<table style="visibility:hidden;" id="viewevade">
        <tr>

        <td  class="form"width="25%">Period</td>
        <td  class="form"width="75%"> PeriodA </td>
    </tr>
    <tr>
        <td class="form">Inbound Call Date</td>
        <td class="form">Date</td>
    </tr>
    <tr>
        <td class="form">Input Date</td>
        <td class="form"> DateA</td>
    </tr>

    <tr>
        <td class="form">Reviewer</td>
        <td class="form">username</td>
    </tr>
    <tr>
        <td class="form">Topic</td>
        <td class="form">Topic A</td>
    </tr>

    <table width="100%" border=0 style="margin-top:20px;visibility:hidden;" id="vieweva">
    <tr>
    <td class="form" ><br>asdfjkl;asdfjkl;asdfjkl;</td>
</tr>
</table>

我做了一个函数：

function ViewEva()
{

document.getElementById("viewevade").style.visibility='visible';
document.getElementById("vieweva").style.visibility='visible';
}

在

中使用它

 <button width="100%" onclick="ViewEva();">View Evaluation</button></td>

没用。有什么帮助吗？谢谢 b4

Answer 1

我在这里创建了它作为代码笔：

http://codepen.io/anon/pen/pjZMrO

使用你的函数：

function ViewEva()
{

document.getElementById("viewevade").style.visibility='visible';
document.getElementById("vieweva").style.visibility='visible';
}

似乎工作正常。您的浏览器 JavaScript 开发者控制台有任何错误吗？

编辑：table 中的表单包含一个空表单 post - 这导致表单在显示时被 post 编辑，元素似乎立即显示消失。

<form action ="" method="post" onsubmit="">

Answer 2

我能想到两件事。

您没有包含您的脚本
你的 HTML 有误，你的浏览器会崩溃

这里有一个plunker working example

注意 <script src='./script.js'></script> 和

<tr>
  <td>
    <table width="100%" border=0 style="margin-top:20px;visibility:hidden;" id="vieweva">
      <tr>
        <td class="form" ><br>asdfjkl;asdfjkl;asdfjkl;</td>
      </tr>
    </table>
  </td>
</tr>

您的 table 不能是该行的直接子行，您必须将其放在一列中，并关闭内部 table

可见性不起作用

Visibility does not work

javascript

visibility

visible