javascript - 从 Javascript 中的值获取 div 元素的填充

Question

我正在尝试从 Javascript 获取一个值到我的 HTML 代码中作为填充值。我有一个定义变量 i 的 JavaScript 函数。

function myFunction() {
  var i = 90;
}

我想使用该变量在这样的 div 元素中进行填充。

The variable i from Javascript
              ↓
<div padding=" ">text</div>

但我不知道如何将其从 Javascript 转换为 HTML(我对它和编码有点陌生)。

我尝试查找如何将 Javascript 值转换为 HTML，但没有任何帮助。你能帮忙吗？

Answer 1

这应该做:

function myFunction() {
  var i = "90px";
  document.getElementById("div1").style.padding = i;
}

myFunction();

#div1 {
  background-color:green;
}

<div id="div1">Padding is added around me by javascript.</div>