假设我有一个DIV:<div></div>我想知道JS的行高是多少.我知道可以检查样式属性style.lineHeight,但我想检查实际的 行高,没有它取决于CSS规则的存在.
假设字体系列和字体大小相同,两者都应输出相同的行高:
<div>One line of text</div>
<div>Two <br /> Lines of text</div>
如何使用JavaScript 获取元素的行高？
<html>
<style type="text/css">
a {
display: none;
}
</style>
<body>
<p id="p"> a paragraph </p>
<a href="http://www.google.com" id="a">google</a>
</body>
<script type="text/javascript">
var a = (document.getElementById('a')).style;
alert(a.display);
var p = (document.getElementById('p')).style;
alert(p.display);
p.display = 'none';
alert(p.display);
</script>
</html>
第一个和第二个alert显示只是一个空字符串,我认为应该是none和block.然而,在内部display设置之后,第三个alert终于发出警报none.
但为什么？我怎样才能display正确检索属性？
谢谢.