如何在运行时更新JSF组件的样式

function updateButtonStyle() {
    var button = document.getElementById("myButton");
    button.style.backgroundColor = "red";
    button.style.color = "white";
}

<h:commandButton id="myButton" value="Click me">
    <f:ajax onevent="updateButtonStyle" />
</h:commandButton>

RequestContext context = RequestContext.getCurrentInstance();
context.execute("updateButtonStyle()");

function updateButtonStyle() {
    var button = document.getElementById("myButton");
    button.style.backgroundColor = "red";
    button.style.color = "white";
}

.updatedStyle {
    background-color: red;
    color: white;
}

RequestContext context = RequestContext.getCurrentInstance();
context.update("myButton").styleClass("updatedStyle");

<h:commandButton id="myButton" value="Click me">
    <f:ajax event="click" execute="@this" render="myButton" />
</h:commandButton>