使用JavaScript获取CSS属性的值

Question

我需要做一些if逻辑，具体取决于DOM中的元素是否具有属性display: none。

我看着getComputedStyle()并且走到了这一步：

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

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

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

Answer 1

试试这个

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

Answer 2

使用JQuery：

$("#some-element").css("display");

会返回display

的属性some-element