如何使用javascript(document.getElementById('x').style.he
How to increase height of element using javascript ( document.getElementById('x').style.height+14 ) ?
我有这个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
我该怎么办?
使用
var h = this.offsetHeight;
而不是
var h = Number(this.style.height);
请参阅此链接
当你得到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
时,一切都会正常工作。
相关文章:
- document.getElementById.style.backgroundImage not working
- 为什么我可以'不要使用xx[this.index].style.display?它's说“;无法读取属性
- HEAD中LINK和STYLE元素的求值顺序
- 如何让firefox使用style['attribute name']=设置样式属性
- 更改SVG'style'元素
- "无法获取属性'的值;style'"当试图在IE中更改样式时
- placeHolder id未使用style.display显示
- 重置transform:rotate()而不调用-webkit transition:style
- 如何使主体采用等同于 style=“background-color: returnBlue()” 的样式属性,其中 r
- Vue.js-插值错误-如何将样式修改为v-bind:style
- Javascript style.background在IE中不起作用
- 为什么当我分配给element.style时,我的元素的样式没有改变
- Greasemonkey:当style=“display: none;”发生变化时如何做某事
- 什么's D3.js中selection.style和selection.attr之间的区别
- javascript无法读取属性'style'为null
- Jhon Papa Angular Style guide Factory-对象内部的函数未运行
- 滚动字幕未捕获类型错误:无法读取属性'style'的未定义
- 基于Blob的'链接样式表'与标准'style'标签
- JavaScript中的style.clip会随着时间的推移而变化
- 如何使用javascript(document.getElementById('x').style.he