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开发人员控制台中是否有任何错误？

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

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

Answer 2

我可以想到两件事。

您未包含脚本
你的HTML错了，你的浏览器变成了香蕉

这里有plunker working example

同时注意ItemsSource="{Binding Nodes.ChildNodes}"和

<script src='./script.js'></script>

你的表不能是行的直接子，你必须把它放在一列，并关闭内表

可见性不起作用

2 个答案: