使用Javascript变量设置样式值不起作用

Question

使用javascript变量设置CSS样式值不起作用，这是我的javascript代码：

imageH.src = "image.jpg";
imageH.onload = function() {
    var valueH = (this.height/this.width)*100;
  }

var div1 = document.createElement('div');
div.style.paddingTop = valueH + '%';

这不起作用，但是如果我在“”之间使用值：

div.style.paddingTop = "60%";

可以。

谢谢！

Answer 1

将valueH移至函数之外：

imageH.src = "image.jpg";

var valueH;

imageH.onload = function() {
    valueH = (this.height/this.width)*100;
  }

var div1 = document.createElement('div');
div.style.paddingTop = valueH + '%';