Tecnología

Inicio

Cómo utilizar JavaScript para cambiar la clase CSS de una página entera

July 23

las hojas de estilo en cascada (CSS) le proporcionan una manera de utilizar las clases de configurar el diseño de página. La etiqueta de "cuerpo" contiene la totalidad de su sitio web las imágenes, texto y colores. Cambia esta clase utilizando JavaScript para cambiar los atributos de la página entera. Esto es beneficioso cuando se desea configurar temas para sus lectores del sitio web. Se puede cambiar el tema de la clase dinámicamente para controlar las fuentes, colores, imágenes de fondo, ajustes de imagen y otros objetos HTML.

Instrucciones

1 Haga clic en el archivo HTML que desea editar y seleccione "Abrir con". Haga doble clic en el programa que se utiliza para editar el código CSS. Si ha instalado ningún programa, puede hacer doble clic en "Bloc de notas".

2 Busque la sección "<script>" en el archivo HTML. Se encuentra dentro de la "<head>" y "</ head>" etiquetas. Si usted no tiene una etiqueta de script configurar, escriba el siguiente código HTML dentro de las etiquetas de apertura y cierre de la cabeza:

<Script type = "text / javascript"> </ script>

3 Escriba el código para cambiar la clase CSS para su página web:

document.getElementById ( "cuerpo") className = NewClass.;

Reemplazar "NewClass" con su propia clase CSS que desea utilizar. Por ejemplo, si desea cambiar el diseño de página web a una clase llamada "BlueBackground," tipo "BlueBackground" como valor para el elemento.

4 Pulse la tecla "Ctrl + S" para guardar los cambios. Cierre el archivo y su editor. Haga doble clic en el archivo HTML para poner a prueba los cambios en su navegador web por defecto.