Question

    <tr height="50" style="background-color:#d5d5d5; text-align:center; font-weight:bold; font-size:15px;">
        <td border="0" width="20%">Bölge</td>
        <td width="10%">Memur</td>
        <td width="10%">Söz.Memur</td>
        <td width="1%" class="weekly" id="1" visibility= "hidden" style="display:none;"></td>
        <td width="10%">Kad.İşci</td>
    </tr>

ı想要id =“1”td字段隐藏。 ı用于导出html这个表。所以我想隐藏它。

Answer 1

使用Javascript，您可以document.getElementById("1").style.display = "none";。虽然你的问题有点不清楚。

<html>
<head>
    <script type="text/javascript">
        function HideIt() {
            console.log("hi");
            document.getElementById("1").style.display = "none";
        }
    </script>
</head>
<body>
    <button type="button" onclick="HideIt();">click to hide</button>
    <table>
        <tr height="50" style="background-color:#d5d5d5; text-align:center; font-weight:bold; font-size:15px;">
            <td border="0" width="20%">Bölge</td>
            <td width="10%">Memur</td>
            <td width="10%">Söz.Memur</td>
            <td width="1%" class="weekly" id="1"></td>
            <td width="10%">Kad.İşci</td>
        </tr>
    </table>
</body>
</html>

如何在Html中隐藏TD

1 个答案: