Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 增加尺寸的最佳方法_Javascript_Assign - Fatal编程技术网

Javascript 增加尺寸的最佳方法

Javascript 增加尺寸的最佳方法,javascript,assign,Javascript,Assign,问题在于,element.style.width返回的是字符串,而不是数字 我想这样增加宽度: element.style.width += 100; ,但它仍然是一样的。我的解决方案是走一条漫长的道路: element.style.width = element.offsetWidth + 100; element.style.width = parseInt(element.style.width) + 100; (谢天谢地,它不需要+“px”) 有更好的方法吗?您可以这样做: var

问题在于,
element.style.width
返回的是字符串,而不是数字

我想这样增加宽度:

element.style.width += 100;
,但它仍然是一样的。我的解决方案是走一条漫长的道路:

element.style.width = element.offsetWidth + 100;
element.style.width = parseInt(element.style.width) + 100;
(谢天谢地,它不需要
+“px”

有更好的方法吗?

您可以这样做:

var computedStyles = window.getComputedStyle(element, null);
var width = window.parseInt(computedStyles.width, 10);
element.style.width = (width + 100) + 'px';
或者使用
jQuery
可以执行以下操作:

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

你也可以试试这个,尽管它不是特别合适或紧凑

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

标签中没有提到Jquery,它应该需要“px”