Применение стиля CSS к кнопке в Javascript

Question

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

В JavaScript, я прятался/отображения кнопки с помощью eventContext.setDisplay (правда/false)

Мне нужно применить стиль CSS к этой кнопке, если для setDisplay установлено значение true. Кнопка видна, но не имеет требуемого стиля.

app.xml

<button id="btn1" label="Done"> 
 
<eventHandlers id="btn1_eventHandlers"> 
 
<eventHandler class="custom.handlers.MyHandler" event="render" id="button1_eventHandlers_render_commitEntry" method="done"/> 
 
</eventHandlers> 
 
</button>

сделано метод определен в MyHandler.js

done: function(eventContext) { 
     if (count==10) 
     { 
      eventContext.setDisplay(true); 
     } 
    } 

Кнопка получает отображается на устройстве. Есть ли способ применить стиль CSS к этой кнопке в этот момент, чтобы его можно было отобразить в определенном формате?

Answer 1

Простой:

document.getElementByID('yourThing').style.property = 'whatever'; 

Больше информации здесь: http://www.w3schools.com/js/js_htmldom_css.asp

Answer 2

Если у вас уже есть класс, содержащий стиль баттона, просто выберите кнопку и добавить этот класс CSS к нему

document.getElementById("button1_eventHandlers_render_commitEntry").className = "your_class_name"; 

Если у вас нет файла css, содержащего этот класс, вы можете применить стиль таким образом. Выберите свой элемент и используйте свойство style и задайте форматирование css.

document.getElementById("elementId").style.color = "red"; 

    // To use properties with two words like "background-color" use this format "backgroundColor"