Tu quieres cambiar el elemento que esta dentro de las etiquetas, ese campo se accede vía innerHTML
, en tu caso debes usar lo siguiente:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" id="botonOn" onclick="FbotonOn()"> on </button>
</body>
</html>
<script>
function FbotonOn() {
var uno = document.getElementById('botonOn');
if (uno.innerHTML == 'off')
uno.innerHTML = 'on';
else uno.innerHTML = 'off';
}
</script>
Como señala @Marcos tambien puedes usar innerText:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" id="botonOn" onclick="FbotonOn()"> on </button>
</body>
</html>
<script>
function FbotonOn() {
var uno = document.getElementById('botonOn');
if (uno.innerText == 'off')
uno.innerText = 'on';
else uno.innerText = 'off';
}
</script>
Otra opción con la ayuda de @Alvaro Montoro:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" id="botonOn" onclick="FbotonOn()"> on </button>
</body>
</html>
<script>
function FbotonOn() {
var uno = document.getElementById('botonOn');
if (uno.textContent == 'off')
uno.textContent = 'on';
else uno.textContent = 'off';
}
</script>
<input type="button"
, considero que no es duplicada, porque las respuestas no solucionan el problema para el caso de un<button>
. – Marcos el 27 nov. 17 a las 19:39