Question

<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') );
});

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

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

Answer 1

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

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

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

1 个答案: