有没有办法在元素不处于悬停状态时获得元素HOVER样式?

时间:2011-08-10 15:36:12

标签: javascript dojo

<div id="test">

</div>

<style>
#test{
color: #000000;
}

#test:HOVER{
color: #ffffff;
}
</style>

var el = dojo.byId('test');

console.log(dojo.style(el, 'color') );

dojo.connect(el, 'onmouseenter', function(e){
var el = e.originalTarget;
console.log(dojo.style(el, 'color') );
});

我在某些浏览器中对它进行了测试,当鼠标输入时,它并没有始终显示白色。有时我得到了默认的黑色。

我想在没有悬停的情况下获得此颜色值。有什么办法吗?

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您应该可以通过dojox.html.getStyleSheet执行此操作,迭代CSSStyleRules,直到找到所需的颜色并以此方式提取颜色。

文档中没有太多内容,但代码评论很好。见http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dojox/html/styles.js