获取使用本机Javascript在样式表中设置的CSS样式

Question

我有几个问题，我需要使用本机JS（非JQ）获取元素的样式。但是，使用像elem.style.property这样的东西会返回“”，因为实际的HTML元素没有设置它。

为了使事情更具体，我需要得到的一件事是元素的显示值，但elem.style.display给出了“”，但我需要知道“阻止”或“无”

我明白为什么会这样;我只需要知道用本机JS获取该值的正确方法。

感谢。

Answer 1

除非您在HTML中直接在元素上设置样式，否则您需要使用currentStyle或getComputedStyle，例如：

function getStyle(el,styleProp)
{
    if (el.currentStyle)
        return el.currentStyle[styleProp];

    return document.defaultView.getComputedStyle(el,null)[styleProp];
}

因此，出于您的目的，您可以致电：

getStyle(element, 'visibility');