javascript - 无法弄清楚为什么我的 css 没有被我使用 Bulma 框架的 Javascript 更改

Question

我是 css 和 Bulma 的新手。

这是我的问题的相关代码。

for (var i=0; i<20; i++){

  if (i<list.length){

    var textTemplate="{{text}}";
    attach= Mustache.render(textTemplate,list[i]);
    attach=document.createTextNode(attach);
    var basePlate=document.createElement("section");

    basePlate.style.class="section";

    var listPiece=document.createElement("dt");

    listPiece.style.class="container";

    toInsert.appendChild(basePlate);

    basePlate.appendChild(listPiece);

    listPiece.appendChild(attach);
    ....

类更改为 basePlate 和 listPiece 并没有更改实际网页上的任何内容，我不知道为什么。谁能解释一下？

Answer 1

因为 style 对象内部是 css 属性，例如 background-color、width、opacity、显示等

使用:
listPiece.className="容器";

引用:https://developer.mozilla.org/en-US/docs/Web/API/Element/className