Tento remover com javascript um <h:commandButton com uma image e não remove>

EStou tentando remover um <h:commandButton com uma image usando javascript não remove. Se tiro o atributo image do commandButton, consigo remover.

aqui está o código:

<h:commandButton id="botao" value="Botao" action="#{validaUsuario.voltaList}" image="#{facesContext.externalContext.requestContextPath}/imagens/BACK.gif" alt="Volta para a lista de relatórios"/>
document.forms['form_1'].elements['form_1:botao'].style.visibility = 'hidden';

por favor alguem me ajude

obrigado

Ed

tente
document.forms[‘form_1’].elements[‘form_1:botao’].style.display = ‘none’;
ou
document.forms[‘form_1’].elements[‘form_1:botao’].style.visibility = ‘none’;

para mostrar novamente basta trocar o ‘none’ por ‘’

não funciona com display.
Acontece a mesma coisa. se eu uso o display.visibility com o commandButton com o atributo image ele não desaparce, agora se tiro o atributo image , ai ele some com o botão

Uai cara… estranho pq eu tinha quase certeza que funcionava com display assim como o camarada acima postou…

Entao pq vc nao cria um css com uma class chamada oculto

.oculto {
    DISPLAY: none;
}

Dai no javascript vc apenas muda a class

document.forms['form_1'].elements['form_1:botao'].className = 'oculto';

Pra voltar é so fazer o inverso

document.forms['form_1'].elements['form_1:botao'].className = '';

Na verdade é a mesma coisa que o que o bueno fez… só que de forma + organizada…

Caso nao funcionar… tente mudar o componente para um command link

<h:commandLink id="botao" value="Botao" action="#{validaUsuario.voltaList}">
   <h:graphicImage url="#{facesContext.externalContext.requestContextPath}/imagens/BACK.gif" />
</h:commandLink>

Cara, não deu certo com o css. Realmente é um jeito mais elegante de fazer , mas a mesma coisa que o bueno.
Mas não deu certo.

Mudei para commandLink e na mesma. A imagem de voltar continua lá e funcionando com o seu action.

Q coisa. Tentei um monte de coisa já. Sem esse atributo funciona perfeito, o botão some.

Alguma outra ideia ???

Obrigado

Fiz, de um jeito que deu certo
olha só

o meu botao coloquei dentro de un div

<div id="minhaDiv">
<h:commandButton image="back.gif" id="volta" />
</div>

e na minha função javaScript eu coloquei assim

var obj = document.getElementById("minhaDiv").style;
obj.display = "none";

funcionou.

quero agradecer aos que me ajudaram ou tentaram

Valeu!!