Javascript onclick在重新打开页面后不执行

我在任何地方使用alpha，我有一个包含多个字段的框架。我可以使用以下方法切换-显示/隐藏内容：

document.getElementById('minim').onclick = function(){
document.getElementById('icon-minim').classList.toggle("fa-plus");
document.getElementById('content-minim').classList.toggle("closed");

我的问题是，重新打开页面后，切换无法工作。直到我刷新整个窗口。只要我不关闭页面，它就可以工作。 我尝试了

窗口。onload

但没有成功。结果是一样的。正如我所说，只有在刷新整个页面后才能工作。我的想法是，

id

仍在使用中，因此切换失败，或者我需要在切换之前重置

div

的状态。但我仍然不知道如何做到这一点。 非常感谢你的帮助

这是html：

    <div class="A5ControlBarLineContentAfter">&#8203;
          <div class="A5ControlBarItem" style="">
            <button id="minim" type="button" class="button" style="width: 98%;margin-right: 20px;overflow:auto;" title="" a5-item="bodyAdj" onmouseover="if(!this.disabled){$acn(this,'buttonHover');}" onmouseout="$rcn(this,'buttonHover');if($ga(this,'a5-pressed') != 'true'){ $rcn(this,'buttonPressed');if(!this.disabled || '' == '') A5.u.icon.update($('DLG1.V.R1.CONTROLBAR_1.bodyAdj.ICON'),'cssIcon=fa fa-plus');
              else A5.u.icon.update($('DLG1.V.R1.CONTROLBAR_1.bodyAdj.ICON'),'');}">
                <i class="fa fa-plus" id="icon-minim" style="; vertical-align: middle; border: none;"></i>
            </button>
          </div>

        </div>
  <div id="content-minim" class="window-body window-hidden" style="width: 100%;margin-right: 20px;overflow:auto;">
    <div class="window-content">
      {grid.Search_Part}
    </div>

​；
{grid.Search_Part}

您正在查找id=“minim”，但它在您的html中不存在！！！！我的错。我忘了编辑那个部分。我将第一个代码部分复制到另一个页面，忘记重命名

id

。问题仍然没有解决。