Tecnología

Inicio

Cómo establecer una clase de etiqueta en JavaScript

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.