javascript – 如何在css类中覆盖属性时获取css属性的确切值

假设我有李如:

< li id =“1”class =“show”style =“display:none;”>

在css类里面我有:

.show {
  display: list-item !important;
}

我写:

document.getElementById("1").style.display

获取display属性的值.

它返回“无”.

但是,由于.css类,它的显示是list-item.
如何使用js获得正确和应用的显示值?

最佳答案
Window.getComputedStyle()可以帮助
https://jsfiddle.net/br3t/16uyukxk/

var elem = document.getElementById("li1");
var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("display");
点赞