反复减小div的宽度

Question

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

我试过

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

但这只是设置宽度，而不是加或减。

Answer 1

使用此代码。使用offsetWidth获取宽度并每次将其减少50px。

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

Answer 2

纯粹的Javascript方式让这个工作 -

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

document.getElementById（“Zivot”）。style.width 或 myID.style.width - 这里您实际设置了width的值。我的意思是，你等待给出一个值，以便你可以设置。

document.getElementById（“Zivot”）。offsetWidth 或 myID.offsetWidth - 这将获取div /元素的宽度。

一些参考链接 -

How to find the width of a div using raw Javascript?

HTMLElement.offsetWidth

How do I retrieve an HTML element's actual width and height?

希望有所帮助：）

Answer 3

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