Gostaria de saber se é possível determinar o queestilo em linha foi atribuído a um elemento HTML. Não preciso recuperar o valor, mas apenas detectar se ele foi definido em linha ou não.

Por exemplo, se o HTML fosse:

<div id="foo" style="width: 100px; height: 100px; background: green;"></div>

Como posso determinar issowidth, heightebackground foram declarados explicitamente, em linha?

Até onde eu sei, a solução pode funcionar de duas maneiras. Posso perguntar se um atributo específico está definido e ele me diz verdadeiro ou falso, ou pode me dizer todos os atributos que foram definidos. Igual a:

var obj = document.getElementById('foo');
obj.hasInlineStyle('width');  //returns true;
obj.hasInlineStyle('border'); //returns false;

//or

obj.getInlineStyles();   //returns array with values:
                       // 'width' 'height' and 'background'

Não estou interessado em atributos css que são herdados por meio de declarações em uma folha de estilo, apenas estilos em linha. Uma última coisa, não tenho controle sobre a fonte HTML.

obrigado