將CSS樣式應用於Javascript中的按鈕

Question

我需要將main.css中定義的CSS樣式應用於處理程序類的按鈕

在JavaScript中，我使用eventContext.setDisplay（true / false）隱藏/顯示按鈕

當setDisplay設置為true時，我需要將CSS樣式應用於該按鈕。 該按鈕可見，但沒有必需的樣式。

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"