javascript - 如何使用 javascript ( document.getElementById('x').style.height+14 ) 增加元素的高度？

Question

我有这个 CSS：

#x { height: 100px; } 

而这个JavaScript：

document.getElementById('x').onkeydown = function () {
    if (event.keyCode == 13) {
        var h = Number(this.style.height);
        this.style.height = h + 14 + 'px';
    }
}; 

document.getElementById('x').style.height+14

我应该怎么办？

Answer 1

利用

var h = this.offsetHeight;

代替

var h = Number(this.style.height);

Answer 2

请参阅此链接。
当您得到element.style.height类似字符串时10px，您必须通过parseInt函数将其转换为数字才能添加到其中。
当你应用新的高度时，你必须使用构造，比如newHeight + 'px'原因style='height: 10;'是错误的，你必须使用px或%其他东西。
示例代码：

var div = document.getElementById('testDiv');
div.style.height = (parseInt(div.style.height) + 10) + 'px !important';  

当元素具有height样式属性时，这一切都有效。