Javascript 在控制台中显示值为false

我有一个div和按钮我第一次单击按钮没有响应，再次单击并显示

功能横幅（）{
var ban=document.getElementById（“内容”）；
//consloe.log（ban.style.display==“无”）；
如果（ban.style.display==“无”）{
ban.style.display=“block”；
}否则{
ban.style.display=“无”；
}
}

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}

知道
一些数据

Javascript无法使用

ban.style.display

访问CSS文件中提到的样式。您必须使用

getComputedStyle（）

方法

window.getComputedStyle（ban，null）.getPropertyValue（“显示”）；

但在你的情况下，我认为最好使用基于类的切换

CSS

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}
.banner-content.active{
显示：块；
}

JS

功能横幅（）{
var ban=document.getElementById（“内容”）；
ban.classList.toggle（“活动”）；
}

Javascript无法使用

ban.style.display

访问CSS文件中提到的样式。您必须使用

getComputedStyle（）

方法

window.getComputedStyle（ban，null）.getPropertyValue（“显示”）；

但在你的情况下，我认为最好使用基于类的切换

CSS

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}
.banner-content.active{
显示：块；
}

JS

功能横幅（）{
var ban=document.getElementById（“内容”）；
ban.classList.toggle（“活动”）；
}

虽然

样式

不注册样式表属性，但可以检查样式是否不等于“block”，然后将其设置为block，否则为none。另请参见getComputedStyle和

style

之间的区别：

功能横幅（）{
var ban=document.getElementById（“内容”）；
//consloe.log（ban.style.display==“无”）；
如果（ban.style.display！=“块”）{
ban.style.display=“block”；
}否则{
ban.style.display=“无”；
}
}

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}

知道
一些数据

虽然

样式

不注册样式表属性，但可以检查样式是否不等于“block”，然后将其设置为block，否则为none。另请参见getComputedStyle和

style

之间的区别：

功能横幅（）{
var ban=document.getElementById（“内容”）；
//consloe.log（ban.style.display==“无”）；
如果（ban.style.display！=“块”）{
ban.style.display=“block”；
}否则{
ban.style.display=“无”；
}
}

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}

知道
一些数据

通常使用内联事件处理程序

将侦听器添加到文档中。要切换显示，请使用单独的css类（

.visible

，在代码段中）并进行切换。它让你的生活变得轻松多了

document.addEventListener（“单击”，横幅）；
功能横幅（evt）{
if（evt.target.classList.contains（“横幅”））{
document.querySelector（“#content”）.classList.toggle（“可见”）；
}
}

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}
.banner-content.visible{
显示：块；
}

知道
一些数据

通常使用内联事件处理程序

将侦听器添加到文档中。要切换显示，请使用单独的css类（

.visible

，在代码段中）并进行切换。它让你的生活变得轻松多了

document.addEventListener（“单击”，横幅）；
功能横幅（evt）{
if（evt.target.classList.contains（“横幅”））{
document.querySelector（“#content”）.classList.toggle（“可见”）；
}
}

.banner内容{
显示：无；
高度：100px；
颜色：#fff；
背景#1b1b1b；
}
.banner-content.visible{
显示：块；
}

知道
一些数据

查看的答案：无法回答。我将在这里编写一个函数。下面是您需要的-----函数banne（）{var ban=document.getElementById（“内容”）；if（window.getComputedStyle）{var spStyle=getComputedStyle（ban，，）；}else{var spStyle=ban.currentStyle；}if（ban.style.display==“none”）{ban.style.display=“block”；}else{ban.style.display=“none”}console.log（spStyle.display）；}看到的答案是：无法回答。我将在这里编写一个函数。下面是您需要的----function bann（）{var ban=document.getElementById（“content”）；if（window.getComputedStyle）{var spStyle=getComputedStyle（ban），；}else{var spStyle=ban.currentStyle；}if（ban.style.display==“none”）{ban.style.display=“block”}else{ban.style.display=“none”}console.log（spStyle.display）；}不，因为可见性基于类，所以我们可以使用javascript切换类并使其隐藏/可见。在本例中，至少不需要访问显示值。不，因为可见性基于类，所以我们可以使用javascript切换类并使其隐藏/可见。在本例中，至少不需要访问显示值。