Javascript 是否可以访问所有css样式属性？

我希望通过JavaScript访问所有CSS属性（不仅针对特定选择器或元素，而且针对所有内容）

我想遍历

.style

集合的所有属性

---

我如何才能做到这一点？

您可以在此处看到如何从javascript访问样式表：

IE与其他浏览器不同，要把所有跨浏览器的东西都做好有点痛苦

var theRules = new Array();
if (document.styleSheets[1].cssRules)
    theRules = document.styleSheets[1].cssRules
else if (document.styleSheets[1].rules)
    theRules = document.styleSheets[1].rules

---

通常，您可以预先定义几个CSS规则，然后从各种对象中添加或删除类，以更改应用的样式。

您可以使用

CSSStyleDeclaration object

。CSSStyleDeclaration对象通过JavaScript属性使CSS样式属性可用。这些JavaScript属性的名称与CSS属性名称密切对应

此对象还有两个附加属性：

cssText
一组样式属性及其值的文本表示。文本的格式为CSS样式表，减去元素选择器和围绕属性和值的花括号

长度
此CSSSTYLED声明中包含的属性/值对数。CSSStyleDeclaration对象也是一个类似数组的对象，其元素是所声明的CSS样式属性的名称

---

所谓全部，是指所有元素的所有CSS？什么意思？您必须先选择一个元素，然后才能访问其属性。请务必选择所有css属性，如style[“a”]到style[“z”]和style.length=我们可以应用于任何元素的css总属性。您是否可以更具体一点？要将CSS属性设置为所有元素，可以使用通配符（*）。因此：{border:1px纯黑；}将在文档中的所有元素周围设置一个1px纯黑边框。如果您正在谈论获取主体中所有元素的所有CSS属性的计算值，那么您就有了一个强大的Javascript循环。我觉得如果你需要这样做，你的网页设计会遇到更大的问题。感谢ans，我想我无法清楚地解释我的要求，好吧，让我再试一次，css3中有多少属性，我不知道确切的数量，但我想从JavaScription访问它这是真正的访问吗？此外，OP要求迭代这些属性。你能把这些信息添加到你的答案中吗？啊，谢谢，我没有发现他需要访问。更新了我的答案。问题没有提到jQuery，一个纯javascript的例子更容易理解。

//to loop through the available css properties using jQuery
$(document).ready(function() {  
    availableProps = getComputedStyle(document.body);
    $.each(availableProps, function(propCount, cssProp) {
        console.log('CSS Property : ' + cssProp);
    });
});