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";
}