如何使用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

请参阅this链接 获得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时，这一切都有效。