Cambiar texto de un botón al dar clic en él

[jivannino]

Hola buen día

Tengo un botón que Muestra / Oculta un div, ahora me gustaría cambiar el Texto de ese botón de un "+" por un "-"

Cuando el div esta oculto quiero que el botón tenga "+"
Cuando el div este visible quiero que el botón tenga "-"

El código que utilizo para Mostrar / Ocultar el div es el siguiente (Las 2 lineas que tengo comentadas son las que pensé que me podrían ayudar a realziar lo que quiero, pero no fue así

function muestra_oculta(id){
if (document.getElementById){
var el = document.getElementById(id);
//var btn = document.getElementById("btnOcultaT1");
//btn.text="-";
el.style.display = (el.style.display == "none") ? "block" : "none";
}
}
</SCRIPT>')

[PHPeros]

¿Has probado con innerText?

[GeekGirl]

De la misma manera que hacés la verificación para el display: block; o display: none; podés cambiar el texto del botón:

Código Javascript:

function muestra_oculta(id){
    if (document.getElementById){ 
        var el = document.getElementById(id);
        el.style.display = (el.style.display == "none") ? "block" : "none";
 
        var btn = document.getElementById("btnOcultaT1");
        btn.value = (btn.value == '+') ? '-' : '+';        
    }
}
 

Esto en el caso de tratarse de una etiqueta input de tipo button. Si es una etiqueta button, simplemente reemplaza value por innerHTML.
Saludos