jQuery能获得与元素关联的所有CSS样式吗？

Question

jQuery能获得与元素关联的所有CSS样式吗？在jQuery中是否有一种方法可以从现有元素中获取所有CSS并将其应用于另一个元素，而不列出所有这些元素呢？我知道如果它们是一个样式属性attr()，但我的所有样式都在外部样式表中。

Answer 1

为什么不使用.styleDOM元素的？它是一个包含成员的对象，例如width和backgroundColor.

Answer 2

我尝试过许多不同的解决方案。这是唯一一个对我有用的方法，因为它能够获得在类级别和样式上应用的样式，直接归因于元素。因此，一个字体设置为CSS文件级别，一个设置为样式属性；它返回正确的字体。

很简单！(对不起，找不到我原来在哪里找到的)

//-- html objectvar element = htmlObject; //e.g document.getElementById//-- or jquery objectvar element = htmlObject[0];
 //e.g $(selector)var stylearray = document.defaultView.getComputedStyle(element, null);var font = stylearray["font-family"]

或者，您可以通过循环遍历数组来列出所有样式。

for (var key in stylearray) {console.log(key + ': ' + stylearray[key];}