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

Question

我有这个网站： https://www.jamesandrose.co.uk/

我正在尝试找出一种方法，以查看元素＃cookie-law-info-bar是否可见。

正常的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，结果始终是一个空字符串。

完全失去了理智，感谢任何帮助。

Answer 1

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

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

尝试一下