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/

Answer 2

你也可以试试这个，虽然它不是特别适合或紧凑;

element.setAttribute("style","width:" + (element.offsetWidth + 100) + "px");

A fiddle example

JS增加大小的最佳方法

2 个答案: