HTML-按显示隐藏和取消隐藏div无

我正在尝试显示和隐藏

div

。我使用了

w3schools

（）中的教程，但在本教程中，div已经显示，然后您将其隐藏，而我的div则隐藏，然后显示。所以在这个例子中，我只添加了

display:none至
#myDIV
：



#myDIV{
宽度：100%；
填充：50px0；
文本对齐：居中；
背景颜色：浅蓝色；
边缘顶部：20px；
显示：无；
}
单击“尝试”按钮在隐藏和显示DIV元素之间切换：

试试看
这是我的DIV元素。
注意：当“显示”属性设置为“无”时，元素不会占用任何空间

函数myFunction（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}
因为第一次，
x.style.display
没有定义

如果（x.style.display==“无”| |！x.style.display）

#myDIV{
宽度：100%；
填充：50px0；
文本对齐：居中；
背景颜色：浅蓝色；
边缘顶部：20px；
显示：无；
}
单击“尝试”按钮在隐藏和显示DIV元素之间切换：

试试看
这是我的DIV元素。
注意：当“显示”属性设置为“无”时，元素不会占用任何空间

函数myFunction（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”| |！x.style.display）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

因为第一次，

x.style.display

没有定义

如果（x.style.display==“无”| |！x.style.display）

#myDIV{
宽度：100%；
填充：50px0；
文本对齐：居中；
背景颜色：浅蓝色；
边缘顶部：20px；
显示：无；
}
单击“尝试”按钮在隐藏和显示DIV元素之间切换：

试试看
这是我的DIV元素。
注意：当“显示”属性设置为“无”时，元素不会占用任何空间

函数myFunction（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”| |！x.style.display）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

在#myDIV下你设置了

显示：无

删除该行，它将自动显示在#myDIV下你设置的

显示：无

删除该行，它将自动显示

该div不会显示，因为你的css中有

显示：无

，将其更改为block。div不会显示，因为您的css中有

display:none

，请将其更改为block。您好，感谢您的回复，它确实有效。为什么它没有定义呢？0_oI不知道为什么会发生这种情况，但如果您对

div使用内联样式，则不会发生此问题！嗨，谢谢你的回复，它确实有效。为什么它没有定义呢？0_oI不知道为什么会发生这种情况，但如果您对
div使用内联样式，则不会发生此问题！