点击按钮后Table仅短暂显示问题求助（JavaScript新手）

表格显示一瞬间就消失，核心原因是按钮触发了页面刷新——如果你的按钮包裹在<form>标签内，它的默认类型是submit，点击后会自动提交表单，导致页面重新加载，刚显示的表格自然就没了。

解决方法有两种： #

方法1：修改按钮HTML，指定按钮类型

给按钮添加type="button"属性，明确它是普通功能按钮，不会触发表单提交：

<button type="button" id="BtnNextInsured" class="btn btn-md btn-primary">Next</button>

方法2：在JS事件中阻止默认行为

在点击事件函数里，通过事件对象阻止浏览器的默认提交动作：

var button = document.getElementById('BtnNextInsured');

button.onclick = function(e) {
  // 阻止默认提交行为，避免页面刷新
  e.preventDefault();
  
  var table = document.getElementById('tblContact');
  if (table.style.display !== 'none') {
    table.style.display = 'none';
  } else {
    table.style.display = 'block';
  }
};

另外注意：你的JS代码里把表格变量命名为div，虽然不影响功能，但改成table更贴合实际元素类型，可读性更好。

内容的提问来源于stack exchange，提问作者Atif Ali