javascript - 你能用JavaScript检查一下对象显示的CSS?

  显示原文与译文双语对照的内容
150 4

是否可以使用JavaScript检查对象 display == block 或者 none的CSS?

时间:原作者:0个回答

74 4

元素有一个 style 属性,它将告诉你想要什么,如果样式被声明为 inline 或者使用 JavaScript:

console.log(document.getElementById('someIDThatExists').style.display);

会给你一个字符串值。

如果你的元素是由CSS规则继承或者指定的,那么你需要得到它的计算风格:

return element.currentStyle? element.currentStyle.display :
 getComputedStyle(element, null).display;
原作者:
80 1

如果样式声明为 inline 或者使用 JavaScript,则只需获取 style 对象:

return element.style.display === 'block';

否则,你必须得到计算的样式,并且存在浏览器不一致。IE 使用一个简单的currentStyle 对象,但是其他人使用了一个方法:

return element.currentStyle? element.currentStyle.display :
 getComputedStyle(element, null).display;

Firefox 版本 3和 below 中需要 null

原作者:
...