如何在单击按钮时显示2行1列的表格

how to display a table of 2 rows and 1 column on clicking a button

本文关键字：2行 1列 表格 显示 单击 按钮      更新时间：2023-09-26

我想在单击列表标记中包含的通知按钮选项卡时显示一个表——一个由2行1列组成的表。我该怎么做？

首先，用html创建表，其次，给它一个"隐藏"的css属性，并添加一些javascript。

HTML:

<table id="testTable">
 <tr>
   <td>test</td>
 </tr>
 <tr>
   <td>test</td>
 </tr>
</table>

CSS：

#testTable{
  display:none;
}

Javascript：

document.getElementById("yourNotificationElement").onclick = function() {displayTable()};
function displayTable() {
 document.getElementById("testTable").style.display= "inline";
}
相关文章：