javascript - 通过JS中的值更改div的宽度

Question

如何将div' 的宽度更改为某个值，如下所示：

someDiv.style.width += "100px";

当我想设置一个值（即width = "100px"）时它可以工作，但问题出在+=运算符上。

Answer 1

这适用于香草 javascript 解决方案（因为您没有提到 jquery）：

var someDiv = document.getElementById("someDiv");
var w = 0;
if (typeof someDiv.clip !== "undefined") {
    w = someDiv.clip.width;
} else {
    if (someDiv.style.pixelWidth) {
        w = someDiv.style.pixelWidth;
    } else {
        w = someDiv.offsetWidth;
    }
}
someDiv.style.width = (w + 100) + "px";

Answer 2

<div id="test" style="height:100px"></div>

var elem=document.getElementById("test");
height=parseInt(elem.style.height);
height+=100;
height+="px"
console.log(height);

尝试以下 http://jsfiddle.net/CME3Y/

Answer 3

那是因为 Javascript 无法理解 "100px" + "100px" 的含义，因为它们是字符串值。

我会使用 jQuery 这样做：

$(someDiv).width($(someDiv).width() + 100);

Answer 4

var currentwidth= $('#div').width();
$('#div').width(currentwidth +100);

http://jsfiddle.net/dolours/CME3Y/1/

您也可以使用此https://stackoverflow.com/a/6179629/1479798