javascript - 如何在javascript中单击关闭表格？

Question

我有一张包含用户详细信息的表格。代码如下

<table id="record" border=1>
    <tr>
        <td>Emp Name</td> 
        <td><input type="text" placeholder="Employee Name"></td>
    </tr>
    <tr>
        <td>Address</td>
        <td><input type="text" placeholder="Address"></td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="button" value="Add">
            <input type="button" value="Cancel">
        </td>
    </tr>
</table>

现在，当我单击取消按钮时，表格应该关闭。我怎样才能做到这一点？

Answer 1

只需给输入按钮一个ID...

   <input type="button" id="close" value="cancel">

然后添加一些 Jquery...（假设您使用的是 jquery）

 $(document).ready(function(){

    $('#close').click(function(){$('#record').hide();});

 });

在这里演示

或者那里只有一个班轮...

  <input type="button" value="cancel" onclick="$('#record').hide();">

演示 2

编辑

而且....您对纯 JavaScript 的要求...

<input type="button" id="close" value="Cancel" onclick=" document.getElementById('record').style.display = 'none';">

演示 3