Добавление стиля в DIV, созданный в JavaScript

Question

Быстрый вопрос, у меня есть DIV создается в JavaScript:

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

Но я хочу, чтобы установить стиль границы вокруг этого DIV после его создания. Каков наилучший способ сделать это в javascript? Thanks

Answer 1

Используйте объект стиля элемента.

chartDiv.style.border = "thin solid #FFF"; 

В качестве альтернативы просто добавьте класс css к элементу, который содержит желаемый стиль.

Answer 2

Создать стиль, который вы хотите, чтобы ваше DIV иметь:

div.bordered { 
    border-style: dotted; 
} 

А затем добавить класс к вашему DIV:

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

Это позволит вам укладывать DIV лучше, и добавьте больше, чем только границу.