currentStyle以及getComputeStyle方法获取元素高度实例页面

CSS代码：

.button {
    height: 2em;
    border: 0;
    border-radius: .2em;
    background-color: #34538b;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
                

HTML代码：

<input type="button" id="button" class="button" value="点击我，显示高度" />
                

JS代码：

document.getElementById("button").onclick = function() {
    var oStyle = this.currentStyle? this.currentStyle : window.getComputedStyle(this, null);
    alert(oStyle.height);
};