javascript - JS增加尺寸的最佳方法

Question

问题就在那里，element.style.width返回一个字符串，而不是一个数字。

我想像这样增加宽度:

element.style.width += 100;

，但它保持不变。我的解决方案是采取一条漫长的道路:

element.style.width = element.offsetWidth + 100;
element.style.width = parseInt(element.style.width) + 100;

(幸运的是，它不需要 + 'px')

有更好的方法吗？

Answer 1

你可以这样做:

var computedStyles = window.getComputedStyle(element, null);
var width = window.parseInt(computedStyles.width, 10);
element.style.width = (width + 100) + 'px';

或者使用 jQuery 你可以这样做:

$(element).css("width", "+=200");

查看更多信息http://api.jquery.com/css/