1. Cómo escribir atributos CSS usando JS
1. Para los atributos CSS sin marca, generalmente puede usar el estilo. Nombre del atributo directamente.
Tales como: obj.style.margin, obj.style.width, obj.style.left, obj.style.position
2. Para el atributo CSS que contiene la marca media, retire cada marca media y cambie el primer carácter después de cada marca media para capitalizar.
Como: obj.style.margintop, obj.style.borderleftwidth, obj.style.zindex, obj.style.fontfamily, etc.
3. Método de escritura especial para el atributo de Float de operación JS CSS
Debido a que Float es una palabra reservada para JavaScript, no podemos usar obj.style.float directamente, por lo que la operación no es válida. La forma correcta de usarlo es: es decir: obj.style.Stylefloat, otros navegadores Mozilla (gecko), ff, etc. Use Stylefloat: obj.style.cssfloat.
2. Use JS para obtener el valor del atributo CSS
1. Obtenga el estilo de línea: obj.style. Nombre del atributo. <div id = "CSS88"> JS obtiene el valor del atributo CSS </div> La clase no se puede acceder.
2. Obtenga los atributos CSS dentro y fuera del enlace: IE usa el método OBJ.CurrentStyle ["Atribute Name"], y FF usa el método GetComputedStyle
3. Use JS para asignar valores a los atributos CSS
1. Asignar atributos de clase
Asignación: document.getElementById ('ceil'). Classname = "class1";
Si tiene múltiples valores: document.getElementById ('ceil'). Classname = "class1 class2 class3";
2. Obj.style.csstext establece el estilo CSS de un objeto
document.getElementById ('Navition'). style.csstext = "su código CSS";
Resumir
Saber cómo modificar dinámicamente los estilos aplicados en una página es extremadamente útil para crear páginas web elegantes e interactivas: el conocimiento descrito en este artículo forma la base de tecnologías más avanzadas como la animación de JavaScript. Cabe señalar que debe usar la modificación de estilo dinámico de manera responsable y no usarla en exceso. Como se mencionó anteriormente, la modificación del estilo también puede mejorar la eficiencia web: la visualización y el ocultamiento de contenido pueden ayudar a evitar interacciones de datos innecesarios entre clientes y servidores.