如何清除表格中显示的不需要的td

<style>
    .hidden-td {
        display: none;
    }
</style>

<table>
    <tr>
        <td>需要显示的td</td>
        <td class="hidden-td">不需要显示的td</td>
    </tr>
</table>

<script>
    var table = document.getElementById("myTable");
    var td = table.rows[0].cells[1]; // 获取第一行第二列的td元素
    table.rows[0].removeChild(td); // 删除td元素

    // 或者隐藏td元素
    td.style.display = "none";
</script>

<table id="myTable">
    <tr>
        <td>需要显示的td</td>
        <td>不需要显示的td</td>
    </tr>
</table>