Question

我需要将main.css中定义的CSS样式应用于处理程序类

中的按钮

在JavaScript中，我隐藏/显示按钮使用 eventContext.setDisplay（真/假）

当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>

done方法在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"

将CSS样式应用于Javascript中的按钮

2 个答案: