jquery - 使用 jquery/greasemonkey 从样式表克隆 css 样式

Question

我正在使用 jquery 编写一个 Greasemonkey 脚本，我想从多个页面添加信息，但我想加载的对象是一个带有 Id 的 div，有什么方法可以检索样式信息，以便我可以将其应用于添加的部分吗？

Answer 1

看看getComputedStyle()

这是未经测试的，但代码应该是这样的:

var someOtherElement = document.getElementById('blah');
var style = window.getComputedStyle(document.getElementById('myId'), '');
for (var i in style) {
    if (style.hasOwnProperty(i)) {
        someOtherElement.style[i] = style[i];
    }
}

这只会在 Firefox 上起作用(好吧，这 可能根本不起作用，但它的基本思想只在 Firefox 上起作用，但是既然你说你在使用 greasemonkey，我假设这不是您关心的问题。

---

我认为今天早上我的大脑工作不正常 - 但无论如何，这里有一些东西可以工作，但是以一种狡猾的方式。遍历要将它们复制到 的元素的样式。

var s = window.getComputedStyle(document.getElementById('myElement'), null);
var someOtherElement = document.getElementById('someOther');

for (var i in someOtherElement.style) {
    try {
        someOtherElement.style[i] = s[i];
    } catch (e) { }
}

就像我说的，我的大脑不工作，上面的内容很狡猾。 style 对象具有属性 length 和 parentRule，它们是只读的，这使得它死亡，因此 try/catch。