javascript - 向用 javascript 创建的 div 添加样式

Question

简单的问题，我已经用 javascript 创建了一个 div:

var chartDiv = document.createElement("div");
this.viewElement.appendChild(chartDiv);

但我想在创建后在该 div 周围设置边框样式。在 javascript 中执行此操作的最佳方法是什么？谢谢

Answer 1

创建您希望 DIV 具有的样式:

div.bordered {
  border-style: dotted;
}

然后将该类添加到您的 DIV 中:

var chartDiv = document.createElement('div');
chartDiv.className = 'bordered';
this.viewElement.appendChild(chartDiv);

这将允许您更好地设计 DIV 样式，并且添加的不仅仅是边框。