在我们平时客制化开发的时候会经常遇到要制作自定义按钮的情况,而这个自定义按钮的功能又经常会有一些隐藏逻辑需要实现,所以每次通过获取控件查找这个按钮再隐藏比较麻烦,而且偶尔会出现代码没起作用的效果。下面的方法可以很轻松的将字段隐藏。
场景:点击下载模板按钮后马上隐藏按钮,防止点击多次下载多次的问题
1、打开我们要隐藏按钮的表单界面
![](https://i-blog.csdnimg.cn/blog_migrate/3379aabe2903cc9056bfc80291b0df38.png)
2、F12打开页面的开发模式,按照上图步骤,找到对应按钮的位置,复制出来<li>表签上的ID,再键入如下代码
var submitButtonID="gs_expend_contract|NoRelationship|Form|gs.gs_expend_contract.Button4.Button";
var submitBtn = window.top.document.getElementById(submitButtonID);
submitBtn.style.display='';
submitBtn.style.display='none';
放到你要触发隐藏按钮的逻辑里面就可以了。