1

我现在在 css 中定义了几种颜色我想获取所有颜色并进行一些检查，例如用所有颜色构建新对象，在这种情况下，我希望对象包含第一个第二个和第三个颜色的数据运行时有可能吗？

<html>
<head>
  <style>

   p.first { color: gray; }
   p.second { color: red; }
   p.third { 
    background: purple;
    color: white;
   }

  </style>
</head>
<body>
4

2 回答 2

1

jQuery让这种事情变得微不足道。

一旦你加载了 jQuery，你可以做一些简单的事情（使用jQuery.css）： 

var color = jQuery("p.first").css("color");

按照您在问题中的说明设置对象：

var colors = {firstcolor:jQuery("p.first").css("color"), secondcolor:jQuery("p.second").css("color")};

注意：这将返回 RGB 值。要转换为十六进制，请参阅此 Stackoverflow 答案

于 2012-07-16T14:07:25.043 回答
1

不用 jQuery 也很简单：

var p = document.getElementsByTagName('p');
var first = p.getElementsByClassName('first');
console.log(first.item(0).style.color); // etc
于 2012-07-16T14:20:05.647 回答