如何解决阅读:hover使用javascript伪类
:我莫名其妙地弄错了。下面的示例不起作用。请参阅@bfavaretto的评论]以获取解释。
在Firefox,Opera和Chrome或正确实现的任何其他浏览器中,window.getComputedStyle
非常简单。您只需要传递“
hover”作为第二个参数:
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<style type="text/css">
div {
display: block;
width: 200px;
height: 200px;
background: red;
}
div:hover {
background: green;
}
</style>
</head>
<body>
<div></div>
<script type="text/javascript">
window.onload = function () {
var div = document.getElementsByTagName("div")[0];
var style = window.getComputedStyle(div, "hover");
alert(style.backgroundColor);
};
</script>
</body>
</html>
但是我不相信InternetExplorer尚无解决方案,除非因此,到目前为止,document.styleSheets
按照Gumbo建议使用。但是会有差异。.hover
上课是最好的解决方案。一点都不脏。
解决方法
我做了一个覆盖页面上某些元素的:hover的函数。它在正常效果和:hover效果之间消失。因为我不得不在我的CSS文件中创建一个.hover类。我认为这有点不干净。我如何阅读:hover伪类的内容?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。