Javascript - “style.width =”中的变量

Question

我有以下代码：

var x = document.getElementsByClassName("rec-icono-li");    
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.width = (div_width * 0.2) + "px";
}

我已经设置了div_width变量，它确实返回了一个数值。事实上我在其他地方使用这个变量。问题在于我上面发布的代码，显然，因为如果我将最后一行更改为x[i].style.width = "100px";，它就可以正常工作。

Answer 1

您可以使用parseFloat方法：

要获得100px，您的div_width应为500。

让我们试试这个源代码：

// here the value of div_width
    div_width = 500;
// here the value of div_width

var x = document.getElementsByClassName("rec-icono-li");    
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.width = (parseFloat(div_width) * 0.2) + "px";
}