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

Question

我试图从 Javascript 中获取一个值到我的 HTML 代码中以获得填充值。 我有一个定义变量i的 javascript function 。

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>