javascript - 使用 JavaScript 获取 CSS 属性的值

Question

我需要根据 DOM 中的元素是否具有属性 display: none 来执行一些 if 逻辑。

我正在查看 getComputedStyle() 并且已经走到了这一步:

var bla = document.querySelectorAll('#nvk-popup-wapper')[0]
getComputedStyle(bla)

这将返回一个对象，如果我在 Chrome 的控制台中展开它，我可以看到一个值为 none 的属性 display。但是如果我去 bla.display 我得到 undefined 而我希望得到该元素的 display 属性的值。

对于特定元素，如何获取该元素的 display 属性的值？

Answer 1

试试这个

var style = getComputedStyle(bla)
var display =style.getPropertyValue('display');