我有一張桌子，如果它是空的，我想把它藏起來。我基本上做到了這一點，唯一的問題是CSS樣式在& quot正在刪除& quot桌子。

如何移除特定元素的所有CSS樣式？

代碼:

<table class="post-table" id="table-example">
    <tr>
        <th class="table-header" colspan="1" id="tab_header">
            <h3>ADDITIONAL INFO</h3>
        </th>
    </tr>
    <tbody id="tab_body">
        {% if post.additional_info != '' %}
        <tr>
            <td id="test">{{ post.additional_info }}</td>
        </tr>
        {% endif %}
    </tbody>
</table>

<script>
    var tbl = document.getElementById("table-example");
    if (tbl.rows.length == 1) {
        console.log("IT WORKED");
        tab_header = document.getElementById("tab_header").innerHTML = "";
    }
    console.log(tbl.rows.length);
</script>

如果為空，您可以隱藏整個表格:

let table = document.querySelector('.table-example');
table.style.display = 'none';