javascript - 使用 Javascript 为 HTML 元素添加宽度

Question

我正在尝试使用 JavaScript 函数更改 div 标记的位置和大小，但对如何引用 div 的当前宽度感到困惑。

这是我的功能

function socialExt()
{
    document.getElementById("Left").style.width = ("Left").width+240px;
}

我希望它在我每次点击按钮时添加 240 像素。

• 我应该用什么替换 ("Left").width 以访问它的宽度，以便我可以向它添加 240px
• 我目前也没有使用 JQuery，我应该使用它吗？

Answer 1

假设您始终在字符串末尾有一个维度，parseInt()将为您完成这项工作。

function socialExt()
{
    var el = document.getElementById("Left");
    el.style.width = (parseInt(el.style.width, 10) + 240) + 'px';
}

上面我们将带有尾随 px 的值解析为整数(您也可以使用 float )，向其添加 240，然后在我们向其附加“px”时将该数字强制转换为字符串。