javascript - 我们如何在不创建元素的情况下通过选择器从 css 中检索样式？

Question

假设我们有 2 个 css 文件首先有

.x { background-color="red" }

第二个有

div { border=1 }
div:hover { border=2 }

我们如何在不创建新元素的情况下通过 javascript 获取样式来获取其样式？

即使我们需要创建新元素来获取样式。我们如何在有和没有悬停的情况下获得它？

是否有类似 document.queryStyle({ type:"div",class:"x",hover:true }) 或类似的功能？

Answer 1

谢谢大家的帮助。我找到了一种使用事件选择器检索样式所需的方法

Answer 2

创建元素并在之后立即删除元素通常没有问题，因为访问者永远不会看到它。

使用 jquery 的解决方案：

$div = $('<div class="border"></div>');
$('body').append($div);
var css = $div.css("border");
$div.remove();

HTML

<div class="content">
    hello world
</div>

CSS

div.border {
   border: 1px solid black;
}

JsFiddle 示例：http: //jsfiddle.net/ypUKC/

如果您真的无法创建元素，请在 Google 上搜索“Javascript CSS Parser”。

顺便说一句，您的 CSS 语法不正确。它是“div {border:1px;}”，而不是“div {border = 1}”