带布尔值的Javascript if语句
我试图创建一个按钮,使我的div元素显示或隐藏,打开和关闭它与相同的按钮。我不明白为什么它不工作,当我点击按钮时什么也没发生,有人能帮我吗带布尔值的Javascript if语句,javascript,html,if-statement,boolean,Javascript,Html,If Statement,Boolean,我试图创建一个按钮,使我的div元素显示或隐藏,打开和关闭它与相同的按钮。我不明白为什么它不工作,当我点击按钮时什么也没发生,有人能帮我吗 #myDIV{ 宽度:500px; 高度:500px; 背景颜色:浅蓝色; 显示:无; } 单击“尝试”按钮设置DIV元素的显示属性: 试试看 这是我的DIV元素。 注意:当“显示”属性设置为“无”时,元素不会占用任何空间 var div_aperto=假; 函数myFunction(div_aperto) 如果(div_aperto){ div_ape
#myDIV{
宽度:500px;
高度:500px;
背景颜色:浅蓝色;
显示:无;
}
单击“尝试”按钮设置DIV元素的显示属性:
试试看
这是我的DIV元素。
注意:当“显示”属性设置为“无”时,元素不会占用任何空间
var div_aperto=假;
函数myFunction(div_aperto)
如果(div_aperto){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;}
否则{div_aperto=true;
document.getElementById(“myDIV”).style.display=“block”}
问题是您在函数声明中隐藏了div\u aperto
。因此,其值在函数中总是未定义的
改变
function myFunction(div_aperto)
到
您还需要在函数体周围添加大括号
演示:
#myDIV{
宽度:500px;
高度:500px;
背景颜色:浅蓝色;
显示:无;
}
单击“尝试”按钮设置DIV元素的显示属性:
var div_aperto=假;
函数myFunction(){
如果(div_aperto){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;}
否则{div_aperto=true;
document.getElementById(“myDIV”).style.display=“block”}
}
试试看
这是我的DIV元素。
注意:当“显示”属性设置为“无”时,元素不会占用任何空间
问题是您在函数声明中隐藏了div\u aperto
。因此,其值在函数中总是未定义的
改变
function myFunction(div_aperto)
到
您还需要在函数体周围添加大括号
演示:
#myDIV{
宽度:500px;
高度:500px;
背景颜色:浅蓝色;
显示:无;
}
单击“尝试”按钮设置DIV元素的显示属性:
var div_aperto=假;
函数myFunction(){
如果(div_aperto){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;}
否则{div_aperto=true;
document.getElementById(“myDIV”).style.display=“block”}
}
试试看
这是我的DIV元素。
注意:当“显示”属性设置为“无”时,元素不会占用任何空间
函数语句没有括号,也不需要参数
function myFunction() {
if (div_aperto) {
div_aperto = false;
document.getElementById("myDIV").style.display = "none"; }
else { div_aperto = true;
document.getElementById("myDIV").style.display = "block"; }
}
函数语句没有括号,也不需要参数
function myFunction() {
if (div_aperto) {
div_aperto = false;
document.getElementById("myDIV").style.display = "none"; }
else { div_aperto = true;
document.getElementById("myDIV").style.display = "block"; }
}
您似乎错过了函数定义的开始和结束括号
我还连接了一把小提琴,试试看。:)
#myDIV{
宽度:500px;
高度:500px;
背景颜色:浅蓝色;
显示:无;
}
单击“尝试”按钮设置DIV元素的显示属性:
试试看
这是我的DIV元素。
注意:当“显示”属性设置为“无”时,元素不会占用任何空间
var div_aperto=假;
函数myFunction(div_aperto){
如果(分区){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;
}否则{
div_aperto=真;
document.getElementById(“myDIV”).style.display=“block”;
}
}
您似乎错过了函数定义的开始和结束括号
我还连接了一把小提琴,试试看。:)
#myDIV{
宽度:500px;
高度:500px;
背景颜色:浅蓝色;
显示:无;
}
单击“尝试”按钮设置DIV元素的显示属性:
试试看
这是我的DIV元素。
注意:当“显示”属性设置为“无”时,元素不会占用任何空间
var div_aperto=假;
函数myFunction(div_aperto){
如果(分区){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;
}否则{
div_aperto=真;
document.getElementById(“myDIV”).style.display=“block”;
}
}
简单。
删除脚本代码并添加下面的脚本
<script>
var div_aperto = false;
function myFunction()
{
if (div_aperto) {
div_aperto = false;
document.getElementById("myDIV").style.display = "none"; }
else { div_aperto = true;
document.getElementById("myDIV").style.display = "block"; }
}
</script>
var div_aperto=假;
函数myFunction()
{
如果(div_aperto){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;}
否则{div_aperto=true;
document.getElementById(“myDIV”).style.display=“block”}
}
简单。
删除脚本代码并添加下面的脚本
<script>
var div_aperto = false;
function myFunction()
{
if (div_aperto) {
div_aperto = false;
document.getElementById("myDIV").style.display = "none"; }
else { div_aperto = true;
document.getElementById("myDIV").style.display = "block"; }
}
</script>
var div_aperto=假;
函数myFunction()
{
如果(div_aperto){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;}
否则{div_aperto=true;
document.getElementById(“myDIV”).style.display=“block”}
}
您需要将myFunction
的所有语句置于{}
之间,并且如果您将div\u aperto
变量声明为全局变量,则不必将其作为参数传递给函数:
#myDIV{
宽度:500px;
高度:500px;
背景颜色:浅蓝色;
显示:无;
}
单击“尝试”按钮设置DIV元素的显示属性:
试试看
这是我的DIV元素。
注意:当“显示”属性设置为“无”时,元素不会占用任何空间
var div_aperto=假;
函数myFunction(){
如果(div_aperto){
div_aperto=假;
document.getElementById(“myDIV”).style.display=“无”;
}否则{
div_aperto=真;
医生