wie eine Tabelle von 2 Zeilen und 1 Spalte beim Klicken auf eine Schaltfläche angezeigt wird

Question

Ich möchte eine Tabelle anzeigen eine Tabelle von 2 Zeilen und 1 Spalte beim Klicken auf die Schaltfläche Benachrichtigung Registerkarte im List-Tag enthalten. Wie kann ich das machen?

Answer 1

zuerst, erstellen Sie Ihre Tabelle mit HTML, zweite, geben Sie eine "versteckte" CSS-Eigenschaft, und fügen Sie einige 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"; 
}