命令按钮可以更改onclick的图像吗？

Question

主要问题是，我有一个带有图像值的JSF commandButton，我想做的是单击该图像时，该图像值已更改并显示另一个图像，我知道如何在经典HTML元素中执行此操作，但是我不知道这是否适用于commandButton。我已经尝试使用JS的常规方法对其进行更改。

function change(){
    document.getElementById('button').image = 'img/otherImage.png';
}

<h:commandButton
    id="button"
    image="img/some_image.png"
    onclick="change();" />

更改显示的图像。