if (x.style.display = 'none')

这应该是：

if (x.style.display == 'none')

否则，if语句在所有情况下都将返回true，并且x.style.display属性将始终为'none'。
与注解部分一样，=用于赋值，==用于值比较，而===用于类型和值比较。
为此
当条件为true且style =""时，页面不会重新整理，这可能就是问题所在。
您应该在某个地方调用该函数以便在页面加载后执行它。

或者，您也可以简单地添加一个Gravity Form HTML字段，其中包含您的替代div。然后使用条件逻辑在提交按钮隐藏时显示它。

由于编辑@Dream Bold的回答的队列已满，这是我根据之前的回答对这个问题的回答。基本上是澄清
以下代码行：

if (x.style.display = 'none')

应改为：

if (x.style.display == 'none')

主要区别在于使用的运算符（==）。在第一种情况下，使用“=“，if语句将始终返回true，而x.style.display属性将始终为'none'。
与注解部分一样，=用于赋值，==用于值比较，而===用于类型和值比较。
要了解有关表达式和运算符的详细信息，请执行以下操作：Check here
关于以下要求
当条件为true且style="”时，页面不会重新整理，这可能就是问题所在。
问题是代码没有被执行。你应该先创建函数，然后通过添加event listeners或设置action来调用之前创建的函数，这样它就可以在页面加载后执行。
我的建议是在元素上使用window.onload+另一个事件侦听器/action属性
就像这样：

window.onload = function(){
var x = document.getElementById("gform_submit_button_1");
if(x.style.display == "none"){
alert("Display of x is none");
document.getElementById("div1").style.display = "block";
}
else{
alert("Display of x is not none");
document.getElementById("div1").style.display = "none";
x.style.display = "block";
}
}