点击按钮显示隐藏的表格

需求描述:进入页面的时候,点击添加按钮,已添加列表才展示出来

解决思路:对添加按钮加个监听,改变列表隐藏为显示

代码:

//html代码
<div class="row" id="tableDivOne" style="display: none;">
<table>
   //···
</table>
</div>
<button onclick="addBut()">添加</button>

//js代码
<script type="text/javaScript">
function addBut(){   document.getElementById("tableDivOne").style.display="block";//显
}
</script>

总结:挺简单的,其实刚知道需求的时候,对这个东西有点陌生,尽管思路是有的,但是就是调试的时候,隐藏和去除隐藏不好弄花费了很多功夫,网上也是各种找

posted @   ジ绯色月下ぎ  阅读(1132)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示