3

这是怎么回事：

newDiv.style.top = topBar.style.height.split("px")[0]+"px";
->>><div style="top: 30.31px;" class="lineSeparator"></div>

这也有效

newDiv.style.top = topBar.style.height.split("px")[0]-2+"px";
->>><div style="top: 28.31px;" class="lineSeparator"></div>

这也有效

newDiv.style.top = topBar.style.height.split("px")[0]/2+"px";
->>><div style="top: 15.15px;" class="lineSeparator"></div>

但这不起作用： 

newDiv.style.top = topBar.style.height.split("px")[0]+2+"px";
->>><div style="top: 30.31px;" class="lineSeparator"></div>

我也试过：

newDiv.style.top = (topBar.style.height.split("px")[0]+2)+"px";

这是我的完整代码：

function generateSeparators(n){
    for(var i=0;i<n;i++){
        var newDiv=document.createElement("div");
        newDiv.style.top = topBar.style.height.split("px")[0]+"px";
        newDiv.className = "lineSeparator";
        sideBar.appendChild(newDiv);

    }
}
4

1 回答 1

8

与and不同， +Javascript 中的运算符也执行字符串连接。您必须首先将您的第一个字符串操作数强制为一个数字。否则“字符串”部分将压倒“数字”部分。例如：/-

"3" + 2 --> "32"

这将是修复代码的一种方法：

newDiv.style.top = ((+topBar.style.height.split("px")[0])+2)+"px";

这可能是一种更好、更清晰的方法：

newDiv.style.top = (parseInt(topBar.style.height.split("px")[0], 10) + 2) + "px";

（parseInt 的 10 参数意味着将字符串解释为以 10 为底的数字。有关更多信息，请参阅文档：https ://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/parseInt ）

于 2013-03-05T15:17:18.420 回答