Método JavaScript para obtener el valor del atributo CSS: GetComputedStyle y CurrentStyle
1. Para el estilo CSS en línea del elemento (<div style = "color:#369"> hola </div>), puede usar directamente element.style.color para obtener directamente el valor del atributo CSS;
2. Sin embargo, es imposible obtener los estilos CSS definidos externamente. Además, los métodos utilizados por el navegador IE son diferentes de otros navegadores estándar (Firefox, Chrome, Opera, Safari). El navegador IE usa elementos.
1. IE obtiene el valor del atributo CSS definido externamente en el elemento: elemento. Currentstyle
El objeto CurrentStyle devuelve la hoja de estilo en el elemento, pero el objeto de estilo solo devuelve el estilo integrado aplicado al elemento a través del atributo de etiqueta de estilo.
Por lo tanto, el valor de estilo obtenido a través del objeto CurrentStyle puede ser diferente del valor de estilo obtenido a través del objeto de estilo.
Por ejemplo, si el valor de la propiedad de color del párrafo se establece en rojo (rojo) a través de un enlace o incrusta la hoja de estilo en lugar de incrustado, el objeto .CurrentStyle.color devolverá el color correcto y el estilo de objeto. Color no puede devolver el valor. Sin embargo, si el usuario especifica <p style = "color: 'rojo'">, tanto los objetos de estilo y estilo devolverán el valor rojo.
El objeto CurrentStyle refleja la prioridad de estilo en la hoja de estilo. En HTML, este orden es:
1) estilo en línea
2) Reglas de hoja de estilo
3) Atributos de etiqueta HTML
4) Definición interna de etiquetas HTML
2. W3C obtiene el valor del atributo CSS definido externamente: Window.getComputedStyle (elemento, pseudoelt)
Se requiere elemento, elemento HTML
Se requiere pseudoelel para obtener el estilo de pseudo-clase del elemento
La copia del código es la siguiente:
función getStyle (nodo, propiedad) {
if (node.style [propiedad]) {
return node.style [propiedad];
}
else if (node.currentstyle) {
return node.CurrentStyle [propiedad];
}
else if (document.defaultview && document.defaultview.getComputedStyle) {
Var style = document.defaultView.getComputedStyle (nodo, nulo);
style de retorno.getPropertyValue (propiedad);
}
regresar nulo;
}