用javascript顯示html表格
[英]displaying html table with javascript
問題描述
請是編程的新手，我真的需要你的幫助。 請問如何隱藏 HTML 表格，然后使用.JavaScript 使用按鈕顯示它？
2 個解決方案
解決方案1
1 2016-05-05 20:23:15
使用 document.querySelector 獲取元素和hidden屬性以顯示和隱藏表格。 使用事件偵聽器並偵聽按鈕上的click事件：
var table = document.querySelector("table"); table.hidden = true; document.querySelector("button").addEventListener("click", function(event) { table.hidden = false; });
table { text-align: center; border-collapse: collapse; } td, th { padding: 0 5px; border: 1px solid black; }
<table> <tr> <th>Day</th> <th>Rain</th> </tr> <tr> <td>1</td> <td>50 mm</td> </tr> <tr> <td>2</td> <td>21 mm</td> </tr> <tr> <td>3</td> <td>5 mm</td> </tr> </table> <button>Show</button>
解決方案2
0 2016-05-05 21:55:13
您可以使用名為 jQuery 的庫非常輕松地完成此操作。
- 在您的
<head>，放入<script src="code.jquery.com/jquery-latest.js></script> - 給你的
<table>一個 id，像這樣：<table id="myTable"> - 添加一個這樣的按鈕：
<button onclick="$('#myTable').hide();">Hide</button> - 另一個像這樣：
<button onclick="$('#myTable').show();">Show</button>
這將允許您切換表格的可見性。
我在@metarmask 發帖之前就開始寫這篇文章了——他/她的回答要好得多，所以你應該聽聽他/她的建議。
使用刀片模板中的JavaScript在html表中顯示月份和日期
[英]Displaying Month and Days inside html table using JavaScript in blade template
如何顯示從 javascript 到 html 表的計算 output
[英]How to displaying a calculation output from javascript to html table
html5 / javascript將輸入類型相乘並顯示在表格中
[英]html5/javascript multiplying input types and displaying in table
使用HTML和JavaScript水平顯示表標題和內容時出現問題
[英]Issues displaying table headings and contents horizontally using HTML and JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.