可见性不起作用

Visibility does not work

本文关键字：不起作用 可见性      更新时间：2023-09-26

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

<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

我在这里创建了这个代码笔：

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

使用您的功能：

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

它似乎运行良好。您的浏览器的JavaScript开发人员控制台中有任何错误吗？

编辑：表格中的表格包含一个空的表格帖子-这导致表格在显示时被张贴，元素显示并立即消失。

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

我能想到两件事。

  1. 您没有包括您的脚本
  2. 您的HTML错误，浏览器崩溃

这里你有一个plunker工作的例子

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

您的表不能是行的直接子级，必须将其放在一列中，然后关闭内部表

相关文章：