Problema con boton

[echo_]

Buenos dias a todos tengo una peque;a duda tengo el siguiente codigo que al presionarlo me muestra un texto pero como consigo que también cambie el nombre del botón a ocultar, este es mi codigo:

Código:

<script>
function mostrar(en) {
obj = document.getElementById('oculto'+en);
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
}
</script>




<div id="oculto1" style="display:none">texto a esconder</div>


<FORM>
<INPUT TYPE="button" VALUE="vermas" onclick="mostrar('1'); return false"">
</FORM>

[AvenD]

(obj.style.display == 'block') ? 'none' : 'block';


Tengo una pregunta, me podrías explciar esta parte de tu codigo?

[dontexplain]

Iniciado por AvenD

(obj.style.display == 'block') ? 'none' : 'block';


Tengo una pregunta, me podrías explciar esta parte de tu codigo?

si obj.style.display es 'block' obj.style.display cambia a none, si es none cambia a block.

Un saludo.

[caricatos]

Hola:

Para contestar la pregunta, debería existir alguna forma de referenciar al botón, por ejemplo con un id, y en la misma función cambiar su value:

Código:

<input id="boton1" type="button" value="vermas" onclick="mostrar('1');">

Código:

<script>
function mostrar(en) {
obj = document.getElementById('oculto'+en);
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
boton = document.getElementById('boton'+en);
boton.value = (boton.value == "vermas") ? "ocultar" ; "vermas";
}
</script>

Fíjate que las etiquetas y sus atributos están en minúsculas.

Saludos