clases CSS permiten crear las características de las etiquetas HTML sin la necesidad de establecer la clase para cada etiqueta por separado. Se crea una clase CSS y añadir el nombre de la clase a la propiedad "clase" de la etiqueta. Puede cambiar dinámicamente el nombre de la clase utilizando la propiedad "className" en una función de JavaScript.
Instrucciones
1 Haga clic en el archivo HTML o un archivo JS que contiene sus funciones de JavaScript. Haga clic en "Abrir con", a continuación, haga doble clic en su editor de JavaScript.
2 Añadir la función JavaScript para el código. La función siguiente cambia el nombre de la clase de "miclase":
changeClass función (control) {
control.className = "miclase";
}
3 Añadir la función a la etiqueta que desea editar. El siguiente código añade el cambio de clase para el evento "onclick" para un botón:
onclick = "changeClass (esto)"
4 Guarde los cambios y abrir la página en un navegador Web. Haga clic en el objeto que ha editado en el paso 3 y observe los cambios de clase. Los efectos definidos en la clase tienen efecto inmediato.