我正在尝试获取元素的当前运行时样式并过滤掉具有默认值的属性。例如，使用这样的标记:.foo{background:red}span{font-size:30px}hello我希望结果是:background-color:red;color:blue;font-size:30px;我试过window.getComputedStyle，但它返回了很多东西，我不确定如何过滤掉默认值。任何指针将不胜感激。 最佳答案 就这样吧我通过添加一个新的虚拟DOM元素来做到这一点，以了解任何元素的默认样式。/***IEdoesnothave`getCo
我在使用一些继承代码时遇到了问题-它是类似于FB的墙上应用程序，注册用户可以在其中发布主题。很多代码是JS和jQuery，我对两者都知之甚少。发布主题时，主题被添加到数据库中，但屏幕在刷新之前不显示主题，但它应该立即显示-当我查看开发人员工具时，我收到错误:UncaughtTypeError:Failedtoexecute'getComputedStyle'on'Window':parameter1isnotoftype'Element'.当我展开错误时，我得到:curCSS@jquery-1.8.3.js:6825jQuery.extend.css@jquery-1.8.3.js:6
好的，所以我设计了这个函数来从指定元素返回所需的计算样式。它适用于我测试过的所有桌面浏览器，但是，它不适用于移动safari。如果我将getComputedStyle调用记录回控制台，它是一个很棒的[objectCCStyleDeclaration]，但是当我记录getPropertyValue调用时，它只是返回“null”而不是正确的样式。任何帮助都会很棒。谢谢!Utils.getStyle=function(element,style){varstrValue="";if(document.defaultView&&document.defaultView.getComputedS
有什么方法可以获取仅应用于特定html元素的用户定义的计算css样式的列表。可以通过外部css文件或嵌入式/内联样式以现在可用的任何方式应用样式。.p1{font-size:14px;line-height:20px;}.p1{line-height:18px;color:green;}SomeParagraph现在我需要的列表是唯一应用于元素的用户定义的计算样式，而不是window.getComputedStyle()只是为了更准确地回答我的问题，我想提出一个场景，我第一次访问一个网站，我想使用开发人员工具栏以编程方式(或通过编写一些脚本)获取唯一的用户定义样式在控制台上)。所以考虑
有什么方法可以获取仅应用于特定html元素的用户定义的计算css样式的列表。可以通过外部css文件或嵌入式/内联样式以现在可用的任何方式应用样式。.p1{font-size:14px;line-height:20px;}.p1{line-height:18px;color:green;}SomeParagraph现在我需要的列表是唯一应用于元素的用户定义的计算样式，而不是window.getComputedStyle()只是为了更准确地回答我的问题，我想提出一个场景，我第一次访问一个网站，我想使用开发人员工具栏以编程方式(或通过编写一些脚本)获取唯一的用户定义样式在控制台上)。所以考虑
这是一个惊喜。下面的代码似乎没有给我屏幕上的实际颜色:h1=document.querySelector("h1");window.getComputedStyle(h1).color给出rgb(0,0,0)我认为是正确的。然而window.getComputedStyle(h1).backgroundColor给出rgba(0,0,0,0)。我在屏幕上看到的实际背景颜色是白色。我称为h1的元素在屏幕上可见。我期待得到实际的背景颜色。我在上面得到的值(在rgba中)没有错，但也不是很有用。它只是告诉我背景是完全透明的-那不是颜色。如何获取RGB中的实际背景颜色？
这是一个惊喜。下面的代码似乎没有给我屏幕上的实际颜色:h1=document.querySelector("h1");window.getComputedStyle(h1).color给出rgb(0,0,0)我认为是正确的。然而window.getComputedStyle(h1).backgroundColor给出rgba(0,0,0,0)。我在屏幕上看到的实际背景颜色是白色。我称为h1的元素在屏幕上可见。我期待得到实际的背景颜色。我在上面得到的值(在rgba中)没有错，但也不是很有用。它只是告诉我背景是完全透明的-那不是颜色。如何获取RGB中的实际背景颜色？
我使用getComputedStyle()方法获得了一个元素的CSS变换矩阵，如下所示。varstyle=window.getComputedStyle(elem1,null);vartrans=style.transform;trans=matrix(1,0,0,1,1320,290)有没有一种方法可以反向计算变换矩阵以获得原始的CSS规则，即。平移、旋转、倾斜属性的值。我假设它可以通过反转用于形成矩阵的方法来计算。附言-转换属性的值以百分比形式给出，我想从矩阵中反向计算这些百分比值。CSS变换-transform:translate(200%,500%);
我使用getComputedStyle()方法获得了一个元素的CSS变换矩阵，如下所示。varstyle=window.getComputedStyle(elem1,null);vartrans=style.transform;trans=matrix(1,0,0,1,1320,290)有没有一种方法可以反向计算变换矩阵以获得原始的CSS规则，即。平移、旋转、倾斜属性的值。我假设它可以通过反转用于形成矩阵的方法来计算。附言-转换属性的值以百分比形式给出，我想从矩阵中反向计算这些百分比值。CSS变换-transform:translate(200%,500%);
我想将一些数据附加到HTML元素，所以我使用了以下代码:$("#bookListDiv").append(data.HTMLString);一切正常，但我想在显示此元素时添加淡入淡出动画，因此我将其修改为:$(data.HTMLString).hide().appendTo("#bookListDiv").fadeIn(1000);动画在Chrome上运行，但在Firefox上我在控制台中看到以下错误:类型错误:Window.getComputedStyle的参数1未实现接口(interface)元素。我正在使用jquery1.8.2。你能告诉我哪里可能出错吗？我假设有数据，但在第一种
