javascript - 使用 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%";

这行得通。

谢谢！！

标签： javascriptcss

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 + '%';