jquery - $elem..style.display 总是返回空字符串

Question

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

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

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 结果总是一个空字符串。

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

Answer 1

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

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

一次试试这个