Javascript getElementById和display="；无”；没有按预期工作

有没有可能有人能明白为什么这不起作用，并向我解释一下

我已经在本地（使用xampp）和JS-Bin上试过了。使用JS-Bin，div看起来确实隐藏了，但随后又回来了

以下是我的html/代码：

<div id="maxnum">
<p>What number would you like to count to?</p>
<form>
<input type="number" name="count-to" id="countnum">
<button onclick="alts()">This Number</button>
</form>
</div>
<script>
function alts(){
    mnum=countnum.value;
    document.getElementById('maxnum').style.display = 'none';
}
</script>

你想数到多少

这个号码
函数alts（）{
mnum=countnum.value；
document.getElementById（'maxnum'）.style.display='none'；
}

单击

表单中的按钮将提交表单，这将导致页面重新加载（从而重新显示隐藏的div）。您需要从句柄返回
false
，以阻止这种情况发生

例如：

function alts(){
    mnum=countnum.value;
    document.getElementById('maxnum').style.display = 'none';
    return false;    // this stop submission
}

以及：

（注意，使用
type=“submit”
将为您提供一个提交表单的按钮）

实际上，您甚至可以指定
按钮的类型。大多数浏览器的默认设置是提交，但您可以执行以下操作：

<button type="button" onclick="alts()">This Number</button>

这个号码

还有一个类似于
按钮的
按钮
，而不是
提交
，点击
表单中的按钮
就是提交表单，这会导致页面重新加载（因此隐藏的div会重新出现）。您需要从句柄返回
false
，以阻止这种情况发生

例如：

function alts(){
    mnum=countnum.value;
    document.getElementById('maxnum').style.display = 'none';
    return false;    // this stop submission
}

以及：

（注意，使用
type=“submit”
将为您提供一个提交表单的按钮）

实际上，您甚至可以指定
按钮的类型。大多数浏览器的默认设置是提交，但您可以执行以下操作：

<button type="button" onclick="alts()">This Number</button>

这个号码

还有一个类似于
按钮的
按钮
，而不是
提交
，点击
表单中的按钮
就是提交表单，这会导致页面重新加载（因此隐藏的div会重新出现）。您需要从句柄返回
false
，以阻止这种情况发生

例如：

function alts(){
    mnum=countnum.value;
    document.getElementById('maxnum').style.display = 'none';
    return false;    // this stop submission
}

以及：

（注意，使用
type=“submit”
将为您提供一个提交表单的按钮）

实际上，您甚至可以指定
按钮的类型。大多数浏览器的默认设置是提交，但您可以执行以下操作：

<button type="button" onclick="alts()">This Number</button>

这个号码

还有一个类似于
按钮的
按钮
，而不是
提交
，点击
表单中的按钮
就是提交表单，这会导致页面重新加载（因此隐藏的div会重新出现）。您需要从句柄返回
false
，以阻止这种情况发生

例如：

function alts(){
    mnum=countnum.value;
    document.getElementById('maxnum').style.display = 'none';
    return false;    // this stop submission
}

以及：

（注意，使用
type=“submit”
将为您提供一个提交表单的按钮）

实际上，您甚至可以指定
按钮的类型。大多数浏览器的默认设置是提交，但您可以执行以下操作：

<button type="button" onclick="alts()">This Number</button>

这个号码

并且有一个类似于
按钮的
按钮
，而不是
提交
，因为回发而返回。

调用alts（）后返回false。这会阻止邮件返回

<button onclick="alts(); return false;">This Number</button>

这个号码
因为回发而返回。

调用alts（）后返回false。这会阻止邮件返回

<button onclick="alts(); return false;">This Number</button>

这个号码
因为回发而返回。

调用alts（）后返回false。这会阻止邮件返回

<button onclick="alts(); return false;">This Number</button>

这个号码
因为回发而返回。

调用alts（）后返回false。这会阻止邮件返回

<button onclick="alts(); return false;">This Number</button>

这个号码
您得到的错误应该可以帮助您调试问题。您希望
countnum
是什么？解析DOM元素时，可能没有定义函数
alts
。将
脚本
移动到
onclick
之前可能会有所帮助。无论从何处调用函数，都需要在上面声明该函数。您还需要通过id
onclick=“alts（this）”
或
var num=this.value获取
mnum
用于启动当您单击表单内的按钮时，表单将被提交，是什么导致页面刷新…您得到的错误将帮助您调试问题。您希望
countnum
是什么？解析DOM元素时，可能没有定义函数
alts
。将
脚本
移动到
onclick
之前可能会有所帮助。无论从何处调用函数，都需要在上面声明该函数。您还需要通过id
onclick=“alts（this）”
或
var num=this.value获取
mnum
用于启动当您单击表单内的按钮时，表单将被提交，是什么导致页面刷新…您得到的错误将帮助您调试问题。您希望
countnum
是什么？解析DOM元素时，可能没有定义函数
alts
。将
脚本
移动到
onclick
之前可能会有所帮助。无论从何处调用函数，都需要在上面声明该函数。您还需要通过id
onclick=“alts（this）”
或
var num=this.value获取
mnum
用于启动当您单击表单内的按钮时，表单将被提交，是什么导致页面刷新…您得到的错误将帮助您调试问题。您希望
countnum
是什么？解析DOM元素时，可能没有定义函数
alts
。将
脚本
移动到
onclick
之前可能会有所帮助。无论从何处调用函数，都需要在上面声明该函数。您还需要通过id
onclick=“alts（this）”
或
var num=this.value获取
mnum
用于启动当您单击表单内的按钮时，表单已提交，是什么导致页面