Question

我有一张简单的表

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

和一个链接

<a href=#>Click me</a>

单击c＃中的链接后，是否可以使整个html代码块全部消失？我在想占位符，但我不确定

Answer 1

使用C＃（而不是客户端脚本）：

一个LinkButton将使用javascript：PostBack函数调用呈现HTML标记。（这仍然依赖于JavaScript。使用Button没有客户端脚本依赖，这将呈现HTML提交输入。）

<%@ Page Language="C#" %>

<script runat="server">
    protected void MyLink_Click(object sender, EventArgs e)
    {
        MyTable.Visible = false;
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <form runat="server">
    <table id="MyTable" border="1" runat="server">
        <tr>
            <td>
                row 1, cell 1
            </td>
            <td>
                row 1, cell 2
            </td>
        </tr>
        <tr>
            <td>
                row 2, cell 1
            </td>
            <td>
                row 2, cell 2
            </td>
        </tr>
    </table>
    <asp:LinkButton ID="MyLink" Text="Hide table" runat="server" OnClick="MyLink_Click" />
    </form>
</body>
</html>

Answer 2

<div id="hide">
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 
<a href=# onclick="getElementById('hide').style.display = 'none'">Click me</a> 
</div>

包裹div并处理onclick以使div隐藏。祝你好运回来

Answer 3

在您的桌子周围设置一个ID，在链接上设置一个ID，并使用JQuery来处理：

$("#btnId").click(function() {$("#tableId").html(""); });

Answer 4

您可以使用id和jQuery来隐藏表格。如果您想稍后再次显示它，而不是删除内容，这将非常有用。

<table id="myTable" border="1">...</table>

<a id="hideLink" href=#>Hide Table</a>

<a id="showLink" href=#>Show Table</a>

<script language="JavaScript">

jQuery(#hideLink).onClick(function(){
  jQuery(#myTable).hide();
});

jQuery(#showLink).onClick(function(){
  jQuery(#myTable).show();
});

</script>

使用占位符使html代码消失？

4 个答案: