在一段前端代码中，有一个table标签，它没有id，css样式也没有隐藏效果那是怎么实现隐藏的呢

Question

在一段前端代码中，有一个table标签，表头文件写在html中，它没有id，css样式也没有display:none，overflow:hidden，opacity，visibility:hidden，Position/top/left/…-999px这些属性，那它是怎么实现开始页面不显示表头然后点击按钮就显示表头和相关数据呢。进入页面时ABCDE不显示，但是点击按钮后会显示，求解

.ListTab {
    border-collapse: collapse;
    margin-bottom: 5px;
}
     <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#cccccc" class="ListTab">
                    <thead>
                        <tr>
                            <th>A</th>
                            <th>B</th>
                            <th>C</th>
                            <th>D</th>
                            <th>E</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <input id='<%=idkey%>ZZEILE' name='ZZEILE' value='<%=dr["ZZEILE"]%>' type='hidden' />
                            <input id='<%=idkey%>MATNR' name='MATNR' value='<%=dr["MATNR"]%>' type='hidden' />
                            <%--<input id='<%=idkey%>MAKTX' name='MAKTX' value='<%=dr["MAKTX"]%>' type='hidden' />--%>
                            <input id='<%=idkey%>MENGE' name='MENGE' value='<%=dr["MENGE"]%>' type='hidden' />
                            <input id='<%=idkey%>ZDOCSC' name='ZDOCSC' value='<%=dr["ZDOCSC"]%>' type='hidden' />
                             <input id='<%=idkey%>ZGWBQ' name='ZGWBQ' value='<%=dr["ZGWBQ"]%>' type='hidden' />
          
                          <td><%=dr["ZZEILE"].ToString()%></td>
                          <td><%=dr["MATNR"].ToString()%></td>
                          <%--<td><%=dr["MAKTX"].ToString()%></td>--%>
                          <td><%=dr["MENGE"].ToString()%></td>
                          <td><%=dr["ZDOCSC"].ToString()%></td>
                          <td><%=dr["ZGWBQ"].ToString()%></td>
                        </tr>


                    </tbody>

                </table>

Answer 1

document.querySelect('thead').style.display="none"