反复减少div的宽度-Repeatedlyreducethewidthofadiv

5  

Use this code. Get the width using offsetWidth and reduce it by 50px every time.

使用这个代码。使用offsetWidth获取宽度，每次减少50px。

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

2  

A pure Javascript way of getting this working-

一种纯粹的Javascript方式来实现这一点

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

document.getElementById("Zivot").style.width or myID.style.width - Here you actually set the value of width. I mean, you wait for a value to be given so that you can set.

.style . getelementbyid(“Zivot”)。宽度或myID.style。宽度-这里你实际上设置了宽度的值。我的意思是，你等待一个给定的值以便你可以设置。

document.getElementById("Zivot").offsetWidth or myID.offsetWidth - This gets the width of the div/element.

. getelementbyid(“Zivot”)。offsetWidth或myID。offsetWidth——获取div/元素的宽度。

Some reference links-

参考链接,

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

如何使用原始Javascript找到div的宽度?

HTMLElement.offsetWidth

HTMLElement.offsetWidth

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

如何检索HTML元素的实际宽度和高度?

Hope it helps :)

希望它能帮助:)

0  

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