反复缩小一个div的宽度答案

【问题标题】：Repeatedly reduce the width of a div反复缩小一个div的宽度
【发布时间】：2016-04-06 14:57:45
【问题描述】：

每次调用 JavaScript 函数时，我都需要将特定 <div> 的宽度减小 50 像素。

我试过了

document.getElementById("Zivot").style.width = "100px";

但这只是设置宽度，并没有增加或减少它。

【问题讨论】：

【解决方案1】：

使用此代码。使用offsetWidth获取宽度，每次缩小50px。

var element = document.getElementById('Zivot'); 
element.style.width = (element.offsetWidth - 50) + 'px';

【讨论】：

【解决方案2】：

实现此功能的纯 Javascript 方式-

var zivotID = document.getElementById("Zivot");
zivotID.style.width = zivotID.offsetWidth - 50;

document.getElementById("Zivot").style.width 或 myID.style.width - 在这里实际设置宽度的值。我的意思是，您等待给出一个值，以便您可以设置。

document.getElementById("Zivot").offsetWidth 或 myID.offsetWidth - 获取 div/元素的宽度。

一些参考链接-

希望对你有帮助:)

【讨论】：

【解决方案3】：

var currentWidth = $('#Zivot').width();
$('#Zivot').css('width', currentWidth - 50 + 'px');

【讨论】：