Usé los siguientes códigos publicados como la respuesta aceptada en Toggle classname al hacer clic en JavaScript
Funciona muy bien en todos los navegadores, incluso en la versión anterior de IE (mi proyecto necesita este soporte de IE). El único cambio que hice es usar this.className en lugar de myButton.classname en la segunda línea, ya que IE daría un error a myButton.classname ('myButton' no está definido).
Mi pregunta es: incluso si funciona, ¿por qué Eclipse se queja mostrando una X roja al lado de la última línea? Si paso el mouse sobre la ola roja debajo del último } (en la última línea), muestra: "Se encontraron varias anotaciones en esta línea: - Error de sintaxis, inserte "}" para completar MethodBody - Error de sintaxis, inserte ")" para Expresión completa". Este error ocurre incluso si no hice el cambio anterior.
Si agrego ; después del último } (pensando que la función es parte de una declaración ejecutable), Eclipse todavía se queja aunque continúa funcionando.
¿Alguien podría dar alguna pista?
document.getElementById('myButton').onclick = function() { var className = ' ' + this.className + ' '; if ( ~className.indexOf(' active ') ) { this.className = className.replace(' active ', ' '); } else { this.className += ' active'; } }