如何在CodePen.io中动态更新一个元素的样式？

Question

在Codepen中，我创建了一个div，并赋予它一些属性。

  let lettersWritten = document.createElement("div");
  lettersWritten.setAttribute("class", "lettersWritten");
  lettersWritten.style.height = writtenHeight;
  lettersWritten.style.width = writtenWidth;
  lettersWritten.textContent = "<------ WRITTEN to date";

Codepen创建了div，设置了类，添加了文本，但没有更新高度和宽度。Codepen.io并没有通过调用元素.style来更新元素的样式。

如何更新元素的样式？

Answer 1

Codepen.io会通过调用setAttribute来更新元素的样式。

  let lettersWritten = document.createElement("div");
  lettersWritten.setAttribute("class", "lettersWritten");
  lettersWritten.setAttribute("style", "height:"+writtenHeight+"px;width:"+writtenWidth+"px;");
  lettersWritten.textContent = "<------ WRITTEN to date";

这里有一个Codepen的链接，里面有修复和注释。https:/codepen.iotheshippene615b372bd408f89f0cb94d4f7b16cb0。