Remove css class of element

Question

(Django) I have a table that I am attempting to hide if it is empty. I have mostly achieved this the only issue is that the CSS styling is still present after "removing" the table.

How do I remove all of the CSS styling for a particular element?

code:

<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>

document.getElementById("tab_header").className = ''?

Barmar
– Barmar

2021-09-01 21:49:32 +00:00
Commented Sep 1, 2021 at 21:49 — Barmar
– Barmar, Commented Sep 1, 2021 at 21:49

Nikola Pavicevic · Accepted Answer · 2021-09-01 21:51:10Z

1

You can hide whole table, if is empty:

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

answered Sep 1, 2021 at 21:51

Nikola Pavicevic

23.6k9 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Remove css class of element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related