点击按钮显示隐藏的表格

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

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

代码：

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

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

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

转载于:https://www.cnblogs.com/xuchao0506/p/9767408.html

点击按钮显示隐藏的表格相关推荐

php点击按钮显示隐藏代码,jQuery中点击按钮实现显示与隐藏的方法
jQuery能够简单快捷的实现很多功能,因此在前端开发中被广泛使用,正在学习jQuery的小伙伴,你会用jQuery实现点击显示再次点击隐藏的效果吗(即jQuery二次点击隐藏)?这篇文章就和大家讲讲 ...
原生js实现点击按钮显示/隐藏图片
目录结构: 代码: <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
jquery实现div的隐藏和显示和点击空白显示隐藏
$('#button')是要点击的按钮,$('#view')是要显示或隐藏的内容区域一.点击按钮显示隐藏 $(function () { $("#button").click(f ...
android悬浮按钮弹出与隐藏,Android悬浮窗按钮实现点击并显示/隐藏多功能列表
前言最近在一个项目中,需要制作录屏的功能,原先是在应用中有录屏/控制的按钮,思考之下觉得这种效果并不好,因此就想制作一个可以悬浮的悬浮窗,这样不论手机在什么界面中都可以对录屏功能进行控制. 这里就来 ...
React 点击按钮显示div与隐藏div
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...
PHP js 点击按钮切换模版,javascript点击按钮实现隐藏显示切换效果_javascript技巧...
本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此 ...
jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...
点击按钮显示文字，再次点击隐藏文字
点击按钮显示文字,再次点击隐藏文字点击按钮显示文字,再次点击按钮隐藏文字通过if条件判断css样式来做 <!DOCTYPE html> <html lang="en&q ...
react实现div隐藏_React 点击按钮显示div与隐藏div
React 点击按钮显示div与隐藏div .m-test{width: 100px;height: 100px;background-color: red;} class Toggle extend ...

点击按钮显示隐藏的表格

点击按钮显示隐藏的表格相关推荐

最新文章

热门文章