Jquery $elem..style.display始终返回空字符串

我有这个网站：

我试图找出一种方法来查看元素#cookie law信息栏是否可见

Normal is（'visible'）在Chrome上不起作用，所以我尝试直接读取内联样式，看看它是否包含display:none或display:block

我添加了以下脚本：

jQuery( document ).ready(function($) {
  var style = $("#cookie-law-info-bar")[0].style
  console.log(style)
  var display = $("#cookie-law-info-bar")[0].style.display
  console.log(display)
});

这是控制台中的输出：

无论我做什么，无论是$elem.style.cssText还是$elem.style.backgroundColor，结果总是一个空字符串

---

我完全失去了理智，感谢您的帮助。

我访问了您的网站，并尝试了以下代码

document.querySelector("#cookie-law-info-bar").style.display // returend block

---

尝试此操作后

我访问了您的网站，并尝试了以下代码

document.querySelector("#cookie-law-info-bar").style.display // returend block

---

试一试，这个

是（':visible'）

。您忘记了

：

。此外，如果元素可见，则显示将为空白。如果它不可见，则为“无”。虽然这忽略了一个元素可以放在屏幕外，或者在stuff下建立z索引，或者不透明度设置为0。我在chrome上访问了你的站点，cookie横幅在底部。我在控制台中运行了

jQuery（“#cookie law info bar”）.is（'：visible'）

，结果为true。它始终返回true，即使您接受cookie并刷新，添加超时修复了问题，感谢您的帮助

is（'：visible'）

。您忘记了

：

。此外，如果元素可见，则显示将为空白。如果它不可见，则为“无”。虽然这忽略了一个元素可以放在屏幕外，或者在stuff下建立z索引，或者不透明度设置为0。我在chrome上访问了你的站点，cookie横幅在底部。我在控制台中运行了

jQuery（“#cookie law info bar”）。is（'：visible'）

，结果为true。它总是返回true，即使您接受cookie并刷新。添加一个超时修复了问题，感谢您的帮助怪异，它也会为我返回空白字符串。如果我在超时内执行此操作，它会工作，感谢您的帮助怪异，这也会为我返回空白字符串，如果我在超时内执行此操作，它会工作，谢谢您的帮助