反复减小 div 的宽度

Question

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

我尝试过：

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

但是这只是设置宽度，没有加或减宽度。

- Ivan

---

我建议先确定宽度，然后减去50。 - Jaromanda X

Answer 1

使用以下代码。使用offsetWidth获取宽度并每次减少50像素。

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

- Sumit

---

可能需要更改ID。 - Donnie D'Amato

它刚在这个网站上执行了吗 :P - Sumit

Answer 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/元素的宽度。

一些参考链接-

如何使用原始JavaScript查找div的宽度？

HTMLElement.offsetWidth

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

希望对您有所帮助 :)

- bozzmob

Answer 3

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

- Donnie D'Amato

---

他的标签之一是jQuery。 - Donnie D'Amato