Reduce div width repeatedly

Question

I need a specific width <div>to get 50 pixels less each time the JavaScript function is called.

I tried

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

But this just sets the width and does not add or subtract it.

Answer 1

Use this code. Get the width with offsetWidth and reduce it by 50 pixels each time.

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

Answer 2

Pure Javascript way to get this working -

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/.

-

div, Javascript?

HTMLElement.offsetWidth

HTML?

, :)

Answer 3

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