Notas: Varias formas de configurar estilos CSS con JS

1. Cambios directos, como: xID.style.display?=?"block";?//?Cambiar el atributo de visualización sobrescribirá la definición en CSS.

xID.style.display?=?"";?//?Cancelar js para cambiar el atributo de visualización, sujeto al estilo css.

El xID aquí es la etiqueta obtenida por id. Por supuesto, también puede ser una etiqueta obtenida mediante tagName o similar.

Este método es sencillo y directo. Pero no es adecuado cuando es necesario modificar una gran cantidad de estilos. Por tanto, prefiero la segunda forma.

2. Cambie el nombre de la clase xID.className?=?"xxyy";

Si hay varias clases, sepárelas con espacios. El requisito previo es que debe haber una definición de clase existente en el estilo. Por ejemplo, las clases xx e yy aquí deberían escribirse en CSS.

Este método escribe todos los estilos en el archivo CSS, lo cual es adecuado para cambiar más estilos y estilos interesantes. js sólo hace una cosa: cambiar la clase. En cuanto a en qué convertirá esta clase la etiqueta, déjelo en manos de CSS.

El efecto anterior también se puede lograr mediante jquery: $("#xID").css({ fontSize: "12px", display: "block"

});? / /?Cambiar el estilo directamente

$("#xID").addClass("xx");?//?Agregar y eliminar clases

$("#xID" ).removeClass ("xx");