javascript - 从 Javascript 函数更改 HTML 表格样式？

Question

我有这张表:

<table id="classTable" style="width:40%">
<tr>
    <td>WCOB 2053: Business Foundations</td>
    <td>MWF 10:45am</td>
</tr>
<tr>
    <td>MATH 2043C: Survey of Calculus</td>
    <td>MW 12:55pm</td>
</tr>
<tr>
    <td>ISYS 2103: Business Information Systems</td>
    <td>MW 4:30pm</td>
</tr>
<tr>
    <td>ISYS 2263: Principles of Information Systems</td>
    <td>TTh 9:30am</td>
</tr>
<tr>
    <td>CSCE 3193: Programming Paradigms</td>
    <td>TTh 11:00am</td>
</tr>
<tr>
    <td>SCMT 2103: Introduction to Supply Chain Management</td>
    <td>TTh 6:00pm</td>
</tr>

我想用一个调用函数的按钮来控制该表的可见性，所以我认为我需要使用

style="display:none";

但是我如何在函数中更改它呢？我假设类似

document.getElementById("classTable").style.display = "none";

但我在任何地方都找不到这方面的文档。

Answer 1

你可以在你的按钮上做这样的事情:

<button onclick="myFunction()">Click me</button>


<script>
function myFunction() {
    document.getElementById("classTable").style.display = "none";
}
</script>