Como implementar javascript para obter com precisão o valor do atributo css de um elemento? Ao lidar com propriedades CSS de elementos DOM, muitas vezes encontramos um problema: o valor da propriedade CSS foi definido na página, mas está vazio quando obtido. Isso ocorre porque qualquer arquivo de folha de estilo ou informação de estilo padrão CSS embutida não pode ser refletida de forma confiável. no atributo style. Este artigo apresenta o método para obter com precisão o valor do atributo CSS de um elemento especificado.
JavaScript:
Exemplo de código-fonte
[www.downcodes.com] <script type="texto/javascript">
função getStyle(elem, nome)
{
//Se este atributo existe em style[], ele foi definido recentemente (e é o atual)
if (elem.style[nome])
{
retornar elem.style[nome];
}
// Caso contrário, tente o método IE
senão se (elem.currentStyle)
{
return elem.currentStyle[nome];
}
//Ou método W3C, se existir
caso contrário, se (document.defaultView && document.defaultView.getComputedStyle)
{
//Ele usa o método tradicional de escrita de regras no estilo "text-Align" em vez de "textAlign"
nome = nome.replace(/([AZ])/g,"-$1");
nome = nome.toLowerCase();
//Obtém o objeto de estilo e obtém o valor do atributo (se existir)
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(nome);
//Caso contrário, você está usando outro navegador
}
outro
{
retornar nulo;
}
}
</script>
