当前位置: 首页 > 面试题库 >

阅读:hover使用javascript伪类

秦斌
2023-03-14
问题内容

我做了一个覆盖页面上某些元素的:hover的函数。它在正常效果和:hover效果之间消失。因为我不得不在我的CSS文件中创建一个.hover类。我认为这有点不干净。我如何阅读:hover伪类的内容?


问题答案:

更新
:我莫名其妙地弄错了。下面的示例不起作用。请参阅@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上课是最好的解决方案。一点都不脏。



 类似资料:
  • 问题内容: 我有一个简单的代码: 和这个CSS: 问题是:当我将光标从移到(应该是可见的,因为它是的子级)时,鼠标悬停被禁用了。我正在IE7中对其进行测试,在FF中它可以正常工作。我究竟做错了什么?我还意识到,当我删除标签时,它就不起作用了。有任何想法吗? 问题答案: IE7不允许您将伪类应用于非锚元素,除非您明确指定doctype。只需在页面上添加一个doctype声明,它就可以正常工作。

  • 问题内容: 我需要找到一种使用JavaScript更改CSS:hover属性的方法。 例如,假设我有以下HTML代码: 以及以下CSS代码: 我想使用JavaScript将悬停属性更改为例如background:#00ff00。知道我可以使用JavaScript通过以下方式访问样式背景属性: 但是我不知道:hover的JavaScript等效项。如何使用JavaScript更改这些的:hover背

  • 来自检查器( 已展开) 从jsoup.connect( 未展开) 共1个答案 匿名用户 相关问题 Javamail不阅读多部分/相关的电子邮件 阅读从GMail发送的邮件 阅读Kafka时Spark丢失99.9%的消息 从 ajax 调用中的服务器接收 HTML 并使用该 HTML 加载页面 阅读主题并使用reactor Kafka将消息批量写入RESTendpoint 在HtmlUnit驱动程序

  • 问题内容: 有什么办法可以看到JavaScript本机代码的声明吗?每当我尝试查看Chrome或Firefox中的本机功能时,都会显示“ ”: 这是什么意思,有什么工具可以帮助我阅读实际代码? 问题答案: Chrome或Firefox之所以说该代码是本地代码,是因为它确实是本地代码-WebKit和Firefox开发人员已使用C或C ++(而非JavaScript)对该功能进行了编码。但是,如果您想

  • 本文向大家介绍JavaScript中伪协议 javascript:使用探讨,包括了JavaScript中伪协议 javascript:使用探讨的使用技巧和注意事项,需要的朋友参考一下 将javascript代码添加到客户端的方法是把它放置在伪协议说明符javascript:后的URL中。这个特殊的协议类型声明了URL的主体是任意的javascript代码,它由javascript的解释器运行。如果

  • 问题内容: 我正在尝试使用他们的RSS feed和jquery显示我最新的stumbleupon项目的标题。我具有的功能是: 哪个什么都不返回…我只是想获取有关提要中 单个 最新项目的信息-我该怎么做? 问题答案: 这是有关如何使用JQuery进行跨域Ajax 的教程。